使用jquery使用UL和LI作为选择或选项框

Question

<ul class="stateid">

<li value="7" >pa</li>
<li value="8" >ap</li>
<li value="9" >pat</li>
<li value="19" >part</li>
</ul>

我迄今为止尝试过的是

$".stateid li").click(function(){

alert($(this).val());
});

应该只显示点击的李休息

我可以使用jquery

获取值，但无法仅显示所选状态

Answer 1

首先，你必须在你的括号内编写你的选择器

$(".stateid li").click(function(){

alert($(this).val());
});​

如果您想提醒pa和ap而不是7和8，请使用文字功能代替val。

$(".stateid li").click(function(){
alert($(this).text());
});​

参见工作jsfiddle http://jsfiddle.net/Gm8N9/

修改

要仅显示点击的li，请使用此

$(".stateid li").click(function(){
    $(this).siblings().hide();
    });​

并且jsfiddle http://jsfiddle.net/Gm8N9/2/

Answer 2

这将提示您单击的LI的值，然后隐藏所有其他LI元素：

​$('li').click(function(){
    alert($(this).val());
    $('li').hide();
    $(this).show();
});​​​​

jsFiddle 示例。

Answer 3

我认为你只想在点击一个li之后隐藏所有其他li ..如果是这样，那么下面就可以了，

var $lis = $(".stateid li");
$lis.click(function() {
  $lis.not($(this)).hide();
});

DEMO