Cách lấy giá trị phần tử trong jQuery

Question

Tại sao nó không trả về giá trị trong 'li'? Tôi đang làm gì sai?

$("#list li").click(function() { 
    var selected = $(this).val(); 
    alert(selected); 
}) 

Answer 1

Bạn có muốn HTML hoặc văn bản nằm trong thẻ li không?

Nếu vậy, sử dụng một trong hai:

$(this).html() 

hay:

$(this).text() 

Các val() chỉ dành cho biểu mẫu form.

Answer 2

Lý do không có giá trị. Chỉ các phần tử liên quan đến biểu mẫu chẳng hạn như đầu vào, văn bản và chọn có giá trị.

Answer 3

lẽ nhiều nhất, bạn muốn một cái gì đó như thế này:

$("#list li").click(function() { 
     var selected = $(this).html(); 
     alert(selected); 
}); 

Answer 4

Sử dụng .text() hoặc .html()

$("#list li").click(function() { 
     var selected = $(this).text(); 
     alert(selected); 
}); 

Answer 5

<ul id="unOrderedList"> 
<li value="2">Whatever</li> 
. 
. 



$('#unOrderedList li').click(function(){ 
     var value = $(this).attr('value'); 
    alert(value); 
    }); 

bạn tìm kiếm "giá trị" thuộc tính bên trong "li" tag

Answer 6

$("#list li").click(function() { 
     var selected = $(this).html(); 
     alert(selected); 
}); 

Answer 7

<div class="inter"> 
     <p>Liste des Produits</p> 
     <ul> 
      <li><a href="#1">P1</a></li> 
      <li><a href="#2">P2</a></li> 
      <li><a href="#3">P3</a></li> 
     </ul> 
    </div> 

     $(document).ready(function(){ 
      $(".inter li").bind(
      "click", function(){ 
       alert($(this).children("a").text()); 
      }); 
     }); 

Answer 8

Bạn có thể làm tương tự bằng cách sử dụng jQuery on().

$("#list").on('click','li',(function() { 
    var selected = $(this).text(); //or .html() 
    alert(selected); 
}) 

Answer 9

Để có được giá trị của li chúng ta nên sử dụng $ ("# danh sách li") click (function() {var selected = $() .html này();.

hoặc

var selected = $(this).text(); 

alert(selected); 

})