2013-04-06 26 views
0

HTML代碼如下所示:得到<cite>標籤值onmousedown事件事件

<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的點擊。 喜歡的東西:

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

如何獲得在這種情況下,引用標籤值?

回答

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

參考文獻:

0

您需要首先獲取超鏈接的立即下一個引用元素(以獲取其文本)。類似於
console.log($(this).parent().next()[0].innerHTML)

+0

是的,我認爲OP意識到這一點。你能展示如何檢索文本? – 2013-04-06 07:52:34

+0

做這個工作來檢索文本? '$(this).next()[0] .innerHTML' – PranitG 2013-04-06 07:56:14

+0

請注意,引用元素不是錨的兄弟,因爲錨位於h3內部。 (所以'.next()'不起作用。) – nnnnnn 2013-04-06 07:57:49

0

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

試試這個:

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

'parent()'可能是一個更好的選擇,它將DOM遍歷限制爲只有必要的父親。 – 2013-04-06 07:53:48

+0

嘗試'.closest()'而不是'.parents()'。 – nnnnnn 2013-04-06 07:59:17