Finden bestimmtes Attribut und erhalten ihren Wert

Question

Ich habe dies:

<button>Click</button> 
<p class="intro" voice="next,1">My name is Donald.</p> 

und brauchen die „Stimme“ Attribut zu finden und seinen Wert holen „next“ Ich habe versucht, dies durch die ganze Frage suchen, aber es zeigt nicht definiert .

$(document).ready(function(){ 
    $("button").click(function() { 
    var ab = $(document).find("[voice=' ']")[0]; 
    console.log(ab); 
    }); 
}); 

Answer 1

können Sie [voice] Selektor Ihr Element und attr() Methode auszuwählen Attributwert zu erhalten. Danach verwenden Sie split() Methode, um Ihren Wert zu erhalten. wie folgt.

$("button").click(function() { 
 
    var ab = $("[voice]"), 
 
     text = ab.attr('voice').split(',')[0]; 
 
    console.log(text); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button>Click</button> 
 
<p class="intro" voice="next,1">My name is Donald.</p>

Answer 2

versuchen, wie diese

$(document).ready(function(){ 
    $("button").on('click', function() { 
    var ab = $(document).find("[voice]").attr('voice'); 
    console.log(ab); 
    }); 
}); 

spielen hier, wenn Sie https://jsfiddle.net/up9ub1uh/ wollen

und es ist besser data-voice stattdessen nur voice Attribut zu verwenden.

Answer 3

Versuchen Sie dies.

$(document).ready(function(){ 
 
    $("button").click(function() { 
 
    var ab = $("p").attr('voice'); 
 
    console.log(ab); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button>Click</button> 
 
<p class="intro" voice="next,1">My name is Donald.</p>

Answer 4

versuchen mit diesem Code

$(document).ready(function() { 
 
    $("button").click(function() { 
 
    var ab = $(".intro").attr('voice'); 
 
    var new1 = ab.split(","); 
 
    console.log(new1[0]); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button>Click</button> 
 
<p class="intro" voice="next,1">My name is Donald.</p>

Answer 5

Sie brauchen nicht die .find verwenden, wie Sie in diesem Beispiel sehen kann:

<p>Once there was a <em title="huge, gigantic">large</em> dinosaur...</p 
<script> 
var title = $("em").attr("title"); 
console.log(title); 
</script> 

Sie sollten dies nur tun.

<p class="intro" voice="next,1">My name is Donald.</p> 
<script> 
var title = $("p").attr("voice"); 
console.log(title); 
    </script>