Question

是否可以使用jquery使用DOM在div中找到一个链接，例如

<div id="something">
<a href="somewhere" title="something">
<img>
</a>
</div>

并在链接中附加一个数据 - 在我的例子中是一个google events标记：

onClick="_gaq.push(['_trackEvent', ' PDF Downloads', ‘Click', 'SEO For Beginners');"

动态地链接到一个链接，以便最终结果为：

<div id="something">
<a href="somewhere" title="something" onClick="_gaq.push(['_trackEvent', ' PDF Downloads', ‘Click', 'SEO For Beginners');">
<img>
</a>
</div>

谢谢你的时间;任何帮助将不胜感激

Answer 1

let tag = $('#something').find('a');
tag[0].onClick = "_gaq.push(['_trackEvent', ' PDF Downloads', ‘Click', 'SEO For Beginners')";

您可以通过ID找到所需的div，并使用函数find()搜索a标记。

之后，您只需tag[0]引用标记的DOM对象，并设置onClick您喜欢的任何内容。

Answer 2

如果您只使用选择器捕获所需元素并将函数绑定到它，而不是直接在DOM中绑定函数，那会更好。

$('#something a').click(function() {
  _gaq.push(['_trackEvent', ' PDF Downloads', 'Click', 'SEO For Beginners']);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="something">
  <a href="somewhere" title="something">
    <img>
  </a>
</div>

jquery修改页面上的链接

2 个答案: