jquery - 如何检查链接是否被点击？

Question

这是我的问题。我正在编辑一个网站，该网站在从服务器端到 PHP 的循环中生成网站的所有内容，然后要求我使用 jQuery 操作该网站。

这里的问题是，网站上存在的许多链接标签没有与之关联的ID。因此，我被要求解决一个问题，如果单击其中一个链接标记，则会发生一些 jQuery 逻辑。

就我而言，如果单击带有文本“查看全部”的链接标记。我应该执行一些代码，但是我到底该如何编写它？

是不是就这么简单写:

$("a:contains('See All')").click(function() {
  // do something
});

因为这似乎不起作用。有什么帮助吗？

Answer 1

与查看全部等完全匹配

$("a")
     .filter(function() {   // apply filter() to for exact text matching
          return $(this).text() == 'See All';
     }).click(function(e) {
          // To prevent page reload you need .preventDefault()
          e.preventDefault();
          alert('hello');
     });

<强> DEMO

检查查看全部的包含情况(不完全匹配)

$("a").filter(function() {
    return $(this).text().match('See All'); // a little change here
}).click(function() {
    alert('hello');
});

或者只使用:contains()

$('a:contains(See All)').on('click', function() {
   alert('Hello');
});

<强> DEMO

一些额外说明

如果您的链接在 DOM 准备好后生成，那么您需要尝试使用“.on”事件绑定(bind)，例如:

$('#container').on('click', 'a:contains(See All)', function() {
  alert('Hello');
});

如果客户端使用 jQuery v-1.7，则尝试“.delegate”事件，如下所示:

$('#container').delegate('a:contains(See All)', 'click', function() {
  alert('Hello');
});