javascript - 获取标签值 Onmousedown 事件

Question

HTML 代码如下所示：

<ul>
<li class="result">
    <h3 class="title"><a class="someclass" href="url">Sometext</h3>
    <cite class="url">Cite URL-1</cite>
</li>
<li class="result">
    <h3 class="title"><a class="someclass" href="url-1">Some more text</h3>
    <cite class="url">Cite URL-2</cite>
</li>
</ul>

我必须在点击 href 时获得引用值（引用 URL）。就像是：

$('a[class="someclass"]').mousedown(function() {    
    console.log($('cite').text()) //if first link clicked then Cite URL-1 should get returned 
}

在这种情况下如何获取引用标签值？

Answer 1

我建议：

$('.someclass').click(function(e){
    e.preventDefault(); // prevent the click from reloading the page or navigating
    var cite = $(this).closest('li').find('cite');
    console.log(cite.text());
});

参考：

• click().
• closest().
• find().
• text().

Answer 2

您需要首先获取超链接的下一个引用元素（以获取其文本）。就像是
console.log($(this).parent().next()[0].innerHTML)

Answer 3

您正在寻找 jQuery 的.click()事件。

试试这个：

$('a[class="someclass"]').click(function() {
  var text = $(this).parents('.result').find('cite').html();
}