2013-08-12 81 views
0

例,如何從jQuery中的選定列表中獲取值?

<div> 
    <ul class="menu" id="list"> 
     <li> 
      <a>list 1</a> 
     </li> 
     <li> 
      <a>list 2</a> 
     </li> 
     <li> 
      <a>list 3</a> 
     </li> 
     <li> 
      <a>list 4</a> 
     </li> 
     <li> 
      <a>list 5</a> 
     </li> 
    </ul>    
</div> 

我要的是,如果用戶點擊列表

我想要得到的價值(名單1,2,3,4 ......)

我怎樣才能得到這個?

我GOOGLE了一下,並做出這樣的。

$('#list li').click(function(){ 
    alert($('#list li a').html()); 
}) 

只顯示列表1中,而不是別人:(

回答

1

使用下面的代碼:

$('#list li').click(function(){ 
    alert($(this).find('a').html()); 
}); 
+0

aha!這是事情! – Canna

+0

唯一的問題是,它有一些空白。我如何修剪? – Canna

+0

好吧,我用$ .trim()和工程! – Canna

2

儘量簡單

$('#list li').click(function(){ 
       alert($(this).text()); 
      }) 

Working Demo

+0

都能跟得上沒有工作。這不是':選擇',只適用於選擇框? – Canna

+0

@StevePark Yeah..updated.See –

0
$('#list li').click(function(){ 
    window.alert($('a', this).html()); 
}) 

Demo

相關問題