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());
});

参考文献：

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();
}

获取<cite>标签值Onmousedown事件</cite>

3 个答案: