如何獲得li的文本而不給他們id？

Question

我在ul標籤內有四個li標籤。

我想在li標籤中獲得文本，當我選擇一個li並且我想隱藏其他三個li值。

只有選定的一個應該仍然顯示在頁面上。

<ul id="names"> 
    <li>a</li> 
    <li>b</li> 
    <li>c</li> 
    <li>d</li> 
</ul> 

Answer 1

這個回答你的問題的兩個部分：

$('#names li').click(function(){  
    var x = $(this).text(); // gets the text of the selected li 
    alert(x); // displays the text inside the selected li 
    $(this).siblings().hide();​​​​ // hides all other li's 
}); 

這裏是你的榜樣工作jsFiddle。

Answer 2

$('#names li').click(function(){ 
    $(this).siblings().hide(); 
}); 

Answer 3

嘗試這樣

$("#names li").click(function(){ 
    var selected = $(this); 
    alert('You have selected '+ $(this).text()); 
    $("#names li").hide(); 
    $(this).show(); 
}); 

檢查小提琴DEMO

Answer 4

這個怎麼樣？它會隱藏它們並顯示使用jQuery選擇器單擊的那個。使用

$('#names li').click(function() { 
    $('#names li').hide(); 
    $(this).show(); 
}) 

例子：）http://jsfiddle.net/eqUD3/