Question

好的，我有这个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标记一样。这可能吗？

谢谢。

Answer 1

将您的链接更改为：

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

然后，您只需要点击H1：

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

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

单击链接并调用另一个链接

3 个答案: