Как получить текст li без предоставления им идентификаторов?

Question

У меня есть четыре знака li внутри тега ul.

Я хочу получить текст внутри тега 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/