使用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例子。