Jak wybrać elementy w tytule danych za pomocą jQuery?

Question

Mam formularz HTML w ten sposób: Jak mogę wybrać Gray/Silver z 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> 

Napisałem swój kod, ale nie otrzymałem wyniku. tutaj

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

Pls mi pomóc. Dzięki w advace

Answer 1

Twój problem polega na tym, że data-title jest na elemencie podrzędnym na .value.

try: -

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

lub

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

Answer 2

Należy zrobić

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

Answer 3

Można uzyskać atrybutów z tagiem za pomocą attr z jquery

Przykład:

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

Answer 4

Jesteś wybierając jeden element, a następnie oczekując uzyskać właściwość innego elementu. $('.value') wybiera div rodzica tego, który chcesz wybrać.

Powinieneś spróbować tego, utrzymując właściwe dla dziecka $('.value'):

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

ani dziecka, gdzie atrybut danych tytuł ma wartość:

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

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

Answer 5

Można go wybrać metodą jquery jak ten

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

w Twoim przypadku tak

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

Answer 6

Można użyć attr()

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