javascript - 如何在不提供 id 的情况下获取 li 的文本？

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