使用jQuery，在點擊下面的錨點鏈接後，如何從錨點鏈接獲取文本？

Question

使用jquery我想在點擊第一個錨鏈接之後的鏈接後從錨鏈接中獲取.text（）。在兩個鏈接中沒有任何一個類，但是有一個用於有序列表。其結構是：

<ol id="articles"> <li>Author name <a href="">Title of article</a> | <a href="" id="button1">link B</a></li> <li>Second author name <a href="">Second title of article</a> | <a href="">link C</a></li> </ol>

結果將是： 點擊「鏈接B」的警報會說， 點擊「文章的標題」的「鏈接C」的警報會說，「第二個冠軍文章」

我至今是：

$(document).ready(function(){ $("#articles a").click(function(){ var text = $(this).text(); alert(text); }); });

但是，這只是給我的鏈接點擊的文本。我需要點擊鏈接之前的鏈接文字。任何建議讓我走上正確的道路？ 謝謝。

Answer 1

可以使用#articles li a:last-child選擇最後a所有li和使用prev()選擇以前a。瀏覽DOM的traversing的jQuery方法，查看哪些操作可供您使用。

$(document).ready(function() { 
 
    $("#articles li a:last-child").click(function(e) { 
 
    e.preventDefault(); 
 
    var text = $(this).prev('a').text(); 
 
    alert(text); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<ol id="articles"> 
 
    <li>Author name <a href="">Title of article</a> | <a href="" id="button1">link B</a> 
 
    </li> 
 
    <li>Second author name <a href="">Second title of article</a> | <a href="">link C</a> 
 
    </li> 
 
</ol>