リンクをクリックして、私は、このhtmlコード持って[OK]を別の

Question

を呼び出します、

<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タグをクリックしたようなものになります。それは可能ですか？

ありがとうございます。あなたのコメントに基づいて

が

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

Answer 1

、あなたはをクリックすることができるようにしたい：あなただけH1をクリックをトリガーする必要があり、その後

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

：

Answer 2

はにあなたのリンクを変更し

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

Answer 3

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