點擊一個鏈接，並調用另一個

好了，所以我有這樣的HTML代碼：點擊一個鏈接，並調用另一個

<h1 class="left" data-target="newest">Newest</h1> 
............ 
<h1 class="left" data-target="topRated">Top Rated</h1> 
....

其點擊h1標籤做了jQuery的功能，現在我有這個HTML鏈接

 <li> 
      <a href="">Newest</a> 
     </li> 
     <li> 
      <a href="">Top Rated</a> 
     </li>

我需要不知何故，當點擊列表中的<a href="">Newest</a>或<a href="">Top Rated</a>，就好像您點擊了h1標籤。那可能嗎？

謝謝。

來源

2012-01-27 Alex

基於您的評論，你希望能夠點擊一個H1，並真的點擊相關的錨點。

$("h1").click(function(){ 
    var textTarget = $(this).text(); 
    $("a").filter(function(i, val) { return $(val).text === textTarget; }).click(); 
});

理想不過，如果你可以這樣做：

<li> 
    <a href="" data-target="newest">Newest</a> 
</li> 
<li> 
    <a href="" data-target="toprated">Top Rated</a> 
</li>

那麼該腳本將僅僅是：

$("a").click(function(){ 
    $("h1[data-target='" + $(this).data("target") + "'").click(); 
});

來源

2012-01-27 23:35:29

嗯，我的意思點擊一個時候像點擊行爲h1（h1點擊已經有它的點擊功能），但我想設置一個而不是h1和h1而不是一個會做 – Alex 2012-01-27 23:37:45

@ w0rldart - 這更有意義 - 看到更新 – 2012-01-27 23:42:16

哈哈哈，這正是另一種方式...點擊A，將調用點擊H1 ...不用擔心我明白你的解決方案 – Alex 2012-01-27 23:48:13

更改鏈接：

<a href="#" class="h1-selector" data-action="newest">Newest</a>

然後，你只需要在其上觸發H1點擊：

$('a.h1-selector').click(function(){ 
    $('h1[data-target="'+$(this).data('action')+'"]').click(); 
});

來源

2012-01-27 23:34:46

$('a').click(function(){ 
    var href = $(this).text();//Newest 
    $('h1[data-target=' + href + ']').trigger('click'); 
});

來源

2012-01-27 23:40:18

點擊一個鏈接，並調用另一個

回答

相關問題