如何獲取點擊鏈接的文本值？

Question

我在文檔的不同部分有匹配的文本。首先是在一個表像這樣一組「標籤」：

<div id="my-div"> 
    <div><a href="#">tag 1</a></div> 
    <div><a href="#">tag 2</a></div> 
</div> 

在文檔的其他幾個部分

然後，我以後的項目我想，當匹配鏈接選擇想強調一個隱藏的元素所以：

<div class="hide-me">tag 1</div> 

然後我點擊功能是這樣的：

$('#my-div a').click(function() { 
    var txt = $(this).text(); 
    console.log(txt); 
}); 

輸出是一個空字符串，但我不知道爲什麼。

Answer 1

你的代碼似乎是正確的，嘗試這也是。

$('#my-div a').click(function(e) { 
    var txt = $(e.target).text(); 
    console.log(txt); 
}); 

Answer 2

在你的情況下，我不會使用鏈接的文本，因爲它有可能會改變將來（即你需要翻譯你的網站）。更好的解決辦法是添加自定義屬性鏈接：

<div id="my-div"> 
    <div><a href="#" sectionId="someId1">tag 1</a></div> 
    <div><a href="#" sectionId="someId2">tag 2</a></div> 
</div> 

，然後把隱藏的標籤出現的ID，所以你了：

$('#my-div a').click(function() { 
    var sectionId = $(this).attr('sectionId'); 
    $('#' + sectionId).show(); 
    return false; // return false so the browser will not scroll your page 
}); 

Answer 3

$（'＃my-div a'）不明確。

它去閱讀中「＃我-DIV」

的全部標籤ü需要指定2個標籤被點擊..