Come selezionare gli elementi all'interno di data-title con jQuery?

Question

Ho una forma html come questa: Come posso selezionare Grigio/Argento da 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> 

Ho scritto il mio codice ma non ho ottenuto il risultato. qui

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

Pls help me. Grazie in advace

Answer 1

Il tuo problema è che data-title si trova sull'elemento figlio su .value.

prova: -

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

o

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

Answer 2

si dovrebbe fare

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

Answer 3

È possibile ottenere attributo di tag utilizzando attr da jquery

Esempio:

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

Answer 4

Si sta selezionando un elemento e quindi in attesa di ottenere una proprietà di un altro elemento. $('.value') seleziona il div principale di quello che si desidera selezionare.

Si dovrebbe provare questo, mantenendo specifica ad un bambino di $('.value'):

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

o qualsiasi bambino in cui attributo data-titolo ha un valore:

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

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

Answer 5

È possibile selezionarlo con il metodo di jQuery come questo

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

nel vostro caso come questo

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

Answer 6

È possibile utilizzare attr()

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