使用UL和李作为选择或选项框使用jQuery

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

我相信你只是想隐藏的所有其他利cicking上一个立后。如果是这样，那么下面会做的伎俩，

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

DEMO

Answer 2

首先你必须写你的选择器在这样的括号内

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

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

如果要提醒pa和ap而不是7和8，请使用文本功能而不是val。

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

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

编辑：

要仅显示点击李利用这个

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

而且的jsfiddle http://jsfiddle.net/Gm8N9/2/

Answer 3

这将阿拉尔t时的LI的价值，你点击，然后隐藏所有其他的LI元素：

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

jsFiddle例子。