How to select elements inside data-title with jQuery?

Question

I have html form like this: How can I select Gray / Silver from data-title?

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

I have wrote my code but not get the result. here

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

Pls help me. Thanks in advace

Answer 1

Your problem is the data-title is on the child element to .value.

try:-

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

or

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

Answer 2

You should do

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

Answer 3

You can get attribute from tag by using attr from jquery

Example:

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