如何使用jQuery选择数据标题中的元素

How to select elements inside data-title with jQuery?

本文关键字：元素 标题 数据 何使用 jQuery 选择      更新时间：2023-09-26

我有这样的html表单：如何从数据标题中选择灰色/银色？

 <div class="value">
   <div class="color-box grey-silver-color-gradient" data-title="Grey / Silver" data-toggle="tooltip" data-original-title="" title=""></div>
</div>

我已经写了代码，但没有得到结果。此处

var data = $('.value').data('title');
console.log(data);

请帮帮我。谢谢

您的问题是data-title在.value的子元素上。

尝试：-

var data = $('.value > .color-box').data('title');
console.log(data);

或

var data = $('.color-box').data('title');
console.log(data);

您应该执行

var data = $(".color-box.grey-silver-color-gradient").data("title");
console.log(data);

您可以使用jquery 中的attr从标记中获取属性

示例：

$('*[userattribute]').attr('userattribute');

您可以通过类似的jquery方法选择它

$(selector).data('name');

在你的情况下，比如这个

var data = $('.value > .color-box').data('name');

您选择了一个元素，然后期望获得另一个元素的属性。$('.value')选择要选择的父div。

您应该尝试这样做，保持特定于$('.value'):的子级

var data = $('.value .color-box.grey-silver-color-gradient').data("title");
console.log(data);

或数据标题属性具有值的任何子级：

var data = $(".value [data-title!='']").data("title");
console.log(data);

jsfiddle：https://jsfiddle.net/o3ffptj3/1/

您可以使用attr（）

var data = $('.value div').attr('data-title');
相关文章：