Question

我在li代码中有四个ul代码。

当我选择一个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(){
    $(this).siblings().hide();
});

Answer 2

这回答了问题的两个部分：

$('#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 3

这个怎么样？它将隐藏它们并显示使用jQuery选择器单击的那个。

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

使用示例：http://jsfiddle.net/eqUD3/

Answer 4

试试这个

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

检查小提琴DEMO

如何获取li的文本而不给它们ID？

4 个答案: