Tag: custom data attribute

jQuery更新初始价格点击具有data-price属性的复选框: 我想在点击具有data-price值的checkbox时更新Initial Price ，我尝试做到但到目前为止没有运气，所以如果你告诉我哪里我错了，那将是非常值得注意的。所以这是代码; http://jsfiddle.net/2M4Gr/1/ HTML标记： $ 10.00 Side Order 1 Side Order 2 Side Order 3 Side Order 4 Side Order 5 Side Order 6 (+ $5.00) Side Order 7 (+ $5.00) jQuery代码:( 不确定我是否采用正确的方式） var $cbs = $(‘input’); function calcUsage() { var total = $(‘.price span’).text(); $cbs.each(function () { if (this.checked) { total += […]

如何使用javascript将动态数据从html data-attribute传递给查询？: 我有这个按钮来保存数据库中的数据 <button title="View Conversation" type='button' class='btn btn-default btn-sm' data-toggle='modal' data-target='#viewConversationModal' data-empproj_id="” data-empprojconvoid=”” **data-empprojconvotoempid**=”” **data-empprojconvofromemip**=”” data-empprojconvoconversation='””‘ > 我需要使用查询中的数据然后制作一个while语句来显示模态中的对话 Messenger A : Messenger B : 脚本到目前为止 $(‘#viewConversationModal’).on(‘show.bs.modal’, function(con){ var button = $(con.relatedTarget); //get data var empprojconvotoempid = button.data(’empprojconvotoempid’); var empprojconvofromemip = button.data(’empprojconvofromemip’); });

使用特定数据属性更改所有元素的文本: 我目前正在尝试使用jQuery将许多元素的文本更改为特定数据属性的值。例如： index.html ———- text1 paragraph1 我想将’text1’更改为’text2’，将’paragraph1’更改为’paragraph2’（该特定元素的数据更改值）。我该怎么做呢？我假设我能够用数据属性’data-change”选择’所有元素，然后只做一个简单的$(this).text($(this).data(‘change’)); 或者其他的东西。

使用jQuery评估div上的数据 – 并将值传递给函数: 我有多个带有预览图像的幻灯片块（对于jQuery Cycle，每个幻灯片实例都有不同的延迟，以毫秒为单位），如下所示：我想使用jQuery将这些变化的延迟值（通过data-attribute设置）传递给将运行Cycle的所有出现的函数。 $(document).ready(function() { $(‘.slideshow.preview’).cycle({ fx: ‘scrollHorz’, random: 1, speed: 300, timeout: 6000, // here, for a single slideshow, delay is set like this “delay: -1234” }); }); 如何评估div上的数据属性 – data-delay =“ – 2000” – 并将其传递给Cycle函数？提前谢谢了！

根据活动类获取data-attribute的值: 我想基于获取data-attribute data-itemtype的值 ul > li class = “activeTab” 这是我的代码。 Published Unpublished 如果class=”activeTab”在第一个元素中，则在这种情况下获取第一个li元素的数据属性，即1，因此同样适用于第二个或任意数量的li元素。我试过这个 var itemType = $(‘ul.tabs’).find(‘li.activeTab’).attr(‘data-itemtype’); 它不起作用。它显示未定义的值。更新：我正在使用标签。我想知道哪个标签当前是活动的，我需要javascript变量中的值。这是我的HTML代码。 Published Unpublished Published Items Content Unpublished Items Content 正在使用的jQuery就是这个。 $.fn.contentTabs = function(){ $(this).find(“.tab_content”).hide(); //Hide all content $(this).find(“ul.tabs li:first”).addClass(“activeTab”).show(); //Activate first tab $(this).find(“.tab_content:first”).show(); //Show first tab content $(“ul.tabs li”).click(function() { $(this).parent().parent().find(“ul.tabs li”).removeClass(“activeTab”); […]

jquery检索relatedTarget.data（’url’）值: 我需要从event.relatedTarget中检索data-url属性的值我试过很多方面： e.relatedTarget.data(‘url’) e.relatedTarget.attr(‘url’) e.relatedTarget.prop(‘url’) 但它总是返回错误..但价值在那里：我怎样才能找回它？谢谢！乔

在通过jQuery修改值之后，数据属性不应用css: 我想按列表项（li）实现一个检查清单。我使用data-checked属性来保持检查状态。我用css选择器设置图标颜色（’true’=黑色和’false’=白色）。页面显示时工作正常，所有任务都显示白色图标，因为其默认数据检查值为“false”。但是，当我单击列表项时，数据检查的值将被修改为“false”，但颜色不会更改为黑色。我通过提醒他们检查了价值。他们是正确的。我究竟做错了什么？谢谢。 HTML： Task A Task B Done CSS： ul li[data-checked=’true’] i:first-child { color: #000000; } ul li[data-checked=’false’] i:first-child { color: #eeeeee; } 使用Javascript： function toggle_task(sender) { if ($(sender).data(‘checked’).toString == ‘true’) { $(sender).data(‘checked’,’false’); } else { $(sender).data(‘checked’,’true’); } } function show_checked() { $(li).each(function() { var text = $(this).data(‘id’).toString() […]

jQuery使用common关键字选择数据属性: 我有两个元素，具有以下设置：我使用下划线来遍历包含这些属性之一的任何元素，然后执行相关操作。目前这样做是这样的 _.each($(‘[data-placeholder-class], [data-placeholder-template]’), function cb(element) { // code goes here }) 我不想定义每个数据属性来循环，而是想知道是否有一种方法可以选择包含公共关键字的所有属性，在本例中为占位符。例如 _.each($(‘[data-placeholder-*]’), function cb(element) { // code goes here }) 任何人都知道这是否可行？

使用jquery更改data-attribute: 我该怎么改变至用jquery？我不想删除属性并替换它，因为它包含我需要的数据我只需要将’300’更改为’500’。

jquery .data在firebug中不可见？: 我可以使用jquery .data属性，并且警报确认它有效，但我没有在使用firebug的页面中看到数据属性。 $(‘#something’).data(‘foo’, 52); alert($(‘#something’).data(‘foo’));