Questions tagged «custom-data-attribute»

自定义数据属性旨在存储页面或应用程序专用的自定义数据,对于这些自定义数据没有更多合适的属性或元素。

11
通过数据属性选择元素
是否有一种简单而直接的方法来根据元素的data属性选择元素?例如,选择具有命名的数据属性的所有锚customerID,其具有的价值22。 我有点不愿意使用rel或其他属性来存储此类信息,但是我发现根据存储在其中的数据来选择元素要困难得多。

9
jQuery如何根据数据属性值查找元素?
我有以下情况: 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。 关于我所缺少的任何想法?

14
如何获得data-id属性?
我正在使用jQuery流沙插件。我需要获取单击项的数据ID,并将其传递给Web服务。如何获得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> 运行代码段隐藏结果展开摘要

4
使用HTML5的自定义数据属性上的jQuery选择器
我想知道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" 在其他情况下,可以使用其他选择器,例如“包含,小于,大于等...”。

3
jQuery数据与Attr?
使用之间$.data和$.attr使用时的用法有什么区别data-someAttribute? 我的理解是$.data存储在jQuery的内部$.cache,而不是DOM。因此,如果要$.cache用于数据存储,则应使用$.data。如果要添加HTML5数据属性,则应使用$.attr("data-attribute", "myCoolValue")。


8
如何在ASP.NET MVC中的HTML-5 data- *属性中使用破折号
我正在尝试在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中的“数据细节”给出以下错误: CS0746: Invalid anonymous type member declarator. Anonymous type members must be declared with a member assignment, simple name or member access. …

8
如何在HTML元素中设置数据属性
我有一个带有属性的div data-myval = "10"。我想更新它的价值;如果我使用,它不会改变div.data('myval',20)吗?我div.attr('data-myval','20')只需要使用吗? 我在HTML5和jQuery之间感到困惑吗?请指教。谢谢! 编辑:更新div.data('myval')=20为div.data('myval',20),但HTML仍未更新。

8
HTML属性的长度是否有限制?
HTML中的属性值需要多长时间? 我data-foo="bar"在新的应用程序中使用HTML5样式数据属性(),并且在一个地方存储大量数据(最多100个字符)非常方便。虽然我怀疑这笔款项是可以的,但它提出了多少是太多的问题?

1
HTML5自定义数据属性在IE 6中是否有效?
自定义数据属性: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”的警报吗?

6
向DOM添加数据属性
$('div').data('info', 1); alert($('div').data('info')); //this works $('div[data-info="1"]').text('222'); //but this don't work 我在jquery中创建元素。之后,我要添加属性“数据”。他喜欢并被添加了,但是在DOM中,这并不明显,我无法使用 $('div[data-example="example"]').html() jsfiddle

8
在JavaScript代码中获取数据属性
我有下一个html: <span data-typeId="123" data-type="topic" data-points="-1" data-important="true" id="the-span"></span> 是否可以获取以开头的属性data-,并在下面的JavaScript代码中使用它?现在我得到null了结果。 document.getElementById("the-span").addEventListener("click", function(){ var json = JSON.stringify({ id: parseInt(this.typeId), subject: this.datatype, points: parseInt(this.points), user: "H. Pauwelyn" }); });

7
无法使用jQuery Data()API设置数据属性
我在MVC视图中具有以下字段: @Html.TextBoxFor(model => model.Course.Title, new { data_helptext = "Old Text" })</span> 在单独的js文件中,我想将data-helptext属性设置为字符串值。这是我的代码: alert($(targetField).data("helptext")); $(targetField).data("helptext", "Testing 123"); 该alert()调用工作正常,它在警报对话框中显示文本“ Old Text”。但是,将data-helptext属性设置为“测试123” 的调用不起作用。“旧文本”仍然是属性的当前值。 我是否使用了对data()的错误调用?我已经在网上查询了一下,但看不到自己在做什么。 这是HTML标记: <input data-helptext="Old Text" id="Course_Title" name="Course.Title" type="text" value="" />

4
空的HTML5数据属性有效吗?
我想编写一个简单的jQuery插件,在指定元素下显示内联模式。我的想法是让脚本根据元素上指定的数据属性自动初始化。 一个非常基本的例子: <p data-modal-target>Hover over me for an inline modal!</p> <div data-modal-content data-modal-align="right" data-modal-trigger="hover" data-modal-offset="10px"><!-- any desired syntax can go here --></div> 我只是想知道data-modal-target上面的示例中是否有效,还是必须这样做data-modal-target="true"?我不在乎什么比IE9更糟糕的东西,我唯一的要求就是它是有效的HTML5。

4
jQuery按数据属性值查找元素
我有如下几个元素: <a class="slide-link" href="#" data-slide="0">1</a> <a class="slide-link" href="#" data-slide="1">2</a> <a class="slide-link" href="#" data-slide="2">3</a> 如何向data-slide属性值为0(零)的元素添加类? 我尝试了许多不同的解决方案,但没有任何效果。一个例子: $('.slide-link').find('[data-slide="0"]').addClass('active'); 任何想法?

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.