2013-07-01 87 views
0

我很難解釋這個,所以請讓我知道,如果我不清楚。找出哪個鏈接被點擊,根據鏈接的數量

我創建了一個腳本來計算div中的圖像數量,然後在另一個div中生成相同數量的鏈接。我需要知道有多少鏈接都在div,並且各自所在的位置

下面是一個例子:

圖片:

<div class="images"> 
<img src="/example01.jpg" /> 
<img src="/example02.jpg" /> 
</div> 

鏈接,其中獲得通過jQuery

產生

:當用戶點擊所生成的鏈路中的一個被點擊
<div class="links"> 
<a href="#">Example 01</a> 
<a href="#">Example 02</a> 
</div> 
這就需要

其他鏈接

<div class="otherLinks"> 
<a href="#" rel="0">REL 0</a> 
<a href="#" rel="1">REL 1</a> 
</div> 

基本上,我需要計算鏈接的數量,然後點擊正確的REL鏈接。如果有意義的話,我很難弄清楚哪個是正確的REL。因此,如果用戶點擊Example 01,我希望我的jQuery點擊REL 0。

我確定有一種方法可以使用計數器來做到這一點,我只是無法弄清楚。

+0

這不是完全清楚錨的相同指數的點擊事件。當用戶點擊鏈接時,您可以使用點擊處理程序攔截該鏈接。你會知道從發送到處理程序的事件數據或'this'對象中點擊了哪個鏈接。在你的問題的後半部分,你是說你需要點擊_two_鏈接?你期望如何工作? – 2013-07-01 21:34:45

回答

2
​​

我不確定你的鏈接是否是動態生成的,所以我在這裏使用了事件委託來處理它。請將document替換爲最近的靜態父元素,該元素永遠不會被刪除/替換。

另外,.trigger('click')只會觸發click events that have been bound by jQuery。例如,它不會觸發href值並根據該操作進行重定向。

+0

絕對完美,謝謝。我會將這個'.index()'標記下來以備將來參考,正是我所期待的。 – JacobTheDev

0

您可以使用.length來統計no。鏈接生成的,然後就.links a點擊獲得點擊錨的索引,然後觸發內部otherlinks

var count=$("div.links a").length; 

$("div.otherlinks a").click(function(){ 
alert($(this).attr("rel")) 
}) 
$("div.links a").click(function(){ 
var index=$(this).index(); 
$("div.otherlinks a:eq("+index+")").trigger("click"); 
})