标签: custom-data-attribute

是否有一种简单直接的方法可以根据data属性选择元素？例如,选择具有名为customerIDvalue的数据属性的所有锚点22.

我有点犹豫使用rel或其他属性来存储这些信息,但我发现根据存储在其中的数据选择元素要困难得多.

我有以下场景:

var el = 'li';

<li>页面上有5个,每个都有一个data-slide=number属性(数字分别为1,2,3,4,5).

我现在需要找到当前活动的幻灯片编号,该编号映射到var current = $('ul').data(current);每个幻灯片更改并更新.

到目前为止,我的尝试都没有成功,尝试构建与当前幻灯片匹配的选择器:

$('ul').find(el+[data-slide=+current+]);

不匹配/返回任何东西......

我无法硬编码li部件的原因是,这是一个用户可访问的变量,如果需要可以更改为不同的元素,因此它可能并不总是一个li.

关于我缺少的任何想法？

我正在使用jQuery quicksand插件.我需要获取所单击项的data-id并将其传递给webservice.如何获取data-id属性？我正在使用该.on()方法重新绑定已排序项的click事件.

$("#list li").on('click', function() {
  //  ret = DetailsView.GetProject($(this).attr("#data-id"), OnComplete, OnTimeOut, OnError);
  alert($(this).attr("#data-id"));
});

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>

<ul id="list" class="grid">
  <li data-id="id-40" class="win">
    <a id="ctl00_cphBody_ListView1_ctrl0_SelectButton" class="project" href="#">
      <img src="themes/clean/images/win.jpg" class="project-image" alt="get data-id" />
    </a>
  </li>
</ul>

我想知道哪些选择器可用于HTML5附带的这些数据属性.

以这段HTML为例:

<ul data-group="Companies">
  <li data-company="Microsoft"></li>
  <li data-company="Google"></li>
  <li data-company ="Facebook"></li>
</ul>

是否有选择器:

• 与所有元素data-company="Microsoft"下方"Companies"
• 与所有元素data-company!="Microsoft"下方"Companies"
• 在其他情况下,可以使用其他选择器,如"包含,小于,大于等......".

使用之间$.data和$.attr使用时的使用data-someAttribute有何不同？

我的理解是$.data存储在jQuery中$.cache,而不是DOM中.因此,如果我想$.cache用于数据存储,我应该使用$.data.如果我想添加HTML5数据属性,我应该使用$.attr("data-attribute", "myCoolValue").

是否可以通过HTML5数据属性选择CSS中的元素(例如data-role)？

我试图在我的ASP.NET MVC 1项目中使用HTML5数据属性.(我是C#和ASP.NET MVC的新手.)

 <%= Html.ActionLink("« Previous", "Search",
     new { keyword = Model.Keyword, page = Model.currPage - 1},
     new { @class = "prev", data-details = "Some Details"   })%>

上面的htmlAttributes中的"data-details"给出以下错误:

 CS0746: Invalid anonymous type member declarator. Anonymous type members 
  must be declared with a member assignment, simple name or member access.

它在我使用data_details时有效,但我想它需要按照规范以"data-"开头.

我的问题:

• 有没有办法让这个工作,并使用HTML5数据属性与Html.ActionLink或类似的Html助手？
• 是否有其他替代机制将自定义数据附加到元素？此数据稍后将由JS处理.

HTML中的属性值有多长时间？

我data-foo="bar"在一个新的应用程序中使用HTML5样式的数据属性(),在一个地方存储数据的公平数据(超过100个字符)真的很方便.虽然我怀疑这个数量很好,但它提出了多少太多的问题？

我有一个属性的div data-myval = "10".我想更新它的价值; 如果我使用它会不会改变div.data('myval',20)？我div.attr('data-myval','20')只需要使用吗？

我在HTML5和jQuery之间感到困惑吗？请指教.谢谢!

编辑:更新div.data('myval')=20到div.data('myval',20),但仍然不支持HTML代码更新.

自定义数据属性:http://dev.w3.org/html5/spec/Overview.html#embedding-custom-non-visible-data

当我说"工作"时,我的意思是,如果我有这样的HTML:

<div id="geoff" data-geoff="geoff de geoff">

将以下JavaScript:

var geoff = document.getElementById('geoff');
alert(geoff.dataGeoff);

在IE 6中产生一个带有"geoff de geoff"的警报？