Question

我有这样的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);

请帮助我。谢谢你的推荐

Answer 1

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

尝试： -

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

或

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

Answer 2

你应该做

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

Answer 3

您可以使用attr

中的jquery从标记中获取属性

示例：

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

Answer 4

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

你应该尝试这一点，特定于$('.value')的孩子：

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

或data-title属性具有值的任何子项：

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

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

Answer 5

你可以通过像这样的jquery方法选择它

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

在你的情况下像这样

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

Answer 6

您可以使用attr（）

var data = $('.value div').attr('data-title');

如何使用jQuery选择data-title中的元素？

6 个答案: