我需要的輸出：不是（「A」）的李標籤

<ul class="header"> 
    <li class="header-text">Head1</li> 
    <li class="header-text"><a href="#">line11</a></li> 
    <li class="header-text"><a href="#">line12</a></li> 
    <li class="header-text"><a href="#">line13</a></li> 
    <li class="header-text"><a href="#">line14</a></li> 
    <li class="header-text"><a href="#">line15</a></li> 
<ul> 
<ul class="header"> 
    <li class="header-text">Head2</li> 
    <li class="header-text"><a href="#">line21</a></li> 
    <li class="header-text"><a href="#">line22</a></li> 
    <li class="header-text"><a href="#">line23</a></li> 
    <li class="header-text"><a href="#">line24</a></li> 
    <li class="header-text"><a href="#">line25</a></li> 
<ul>

在點擊「UL」我需要的輸出爲「頭像1」或「頭像2」，並沒有別的我需要的輸出：不是（「A」）的李標籤

來源

2013-03-25 Debjeet Das

請張貼到目前爲止您已經嘗試的代碼很簡單。正如你可以看到你得到的各種答案，你應該可以澄清你的意思*「我需要輸出爲」Head1「或」Head2「而沒有其他」*「。目前還不清楚你試圖達到什麼目的。 – 2013-03-25 11:40:10

你可以使用下面的一些CSS， .header-text a { display：none; } – 2013-03-25 11:42:04

它使用.closest()和:eq()
http://api.jquery.com/eq-selector/
http://api.jquery.com/closest/

LIVE DEMO

$('.header li a').click(function(e) { 

    e.preventDefault(); // prevent default browser action on anchors 
    var desiredText = $(this).closest('.header').find('li:eq(0)').text(); 
    alert(desiredText); 

});

來源

2013-03-25 11:48:59

我需要輸出點擊錨標籤，而不是整個UL ....對不起，爲溝通不暢 – 2013-03-25 12:14:10

@DebjeetDas :)好的，編輯我的答案 – 2013-03-25 12:30:02

jsbin看起來不錯 – chim 2013-03-26 17:57:56

如果您的標記是內一致和如上然後使用：第一個選擇器

來源

2013-03-25 11:39:19 chim

我想：第一個選擇器將只選擇第一個孩子，而不是後續的。 – 2013-03-25 11:40:12

這是正確的僱傭 – chim 2013-03-25 11:42:19

如果我沒有錯，你想li哪些沒有a孩子。

因此，使用:not和:has

$('li:not(:has(a))')

對於UL點擊

$('ul').on('click',function(){ 
    var li_wihtout_a = $(this).find('li:not(:has(a))'); 
    console.log(li_wihtout_a); 
});

來源

2013-03-25 11:41:57

這是行不通的。我猜這個 – 2013-03-25 11:56:39

@DebjeetDas有一些語法錯誤......但很可惜這是錯字.. – 2013-03-25 11:58:12

我需要輸出點擊錨標籤，而不是整個UL ....對不起，溝通不暢 – 2013-03-25 12:18:59

這是很容易，如果你只是想獲得的第一個孩子的文本。

jsFiddle

$('.header').click(function() { 
    alert(this.children[0].innerHTML); 
});

我還注意到，您沒有正確關閉了<ul>標籤。

來源

2013-03-25 11:43:17

好結束標籤 – chim 2013-03-25 11:44:27

正弦關閉'ul'標籤是可選的，但HTML仍然有效，即使它不是預期的。 – 2013-03-25 11:51:37

@FelixKling正在關閉ul標籤可選嗎？另外，他打開了兩次，而不是關閉它們。 – chim 2013-03-26 17:56:08

我需要的輸出：不是（「A」）的李標籤

回答

相關問題