我在一个页面上有很多这样的内容:
<div class="item" id="555">
<div class="wrapper>
<p>Make Link One</p>
</div>
<p class="action">Make Link Two</p>
</div>
如何根据 id 555 动态创建 2 个文本链接? IE。它们都应该是 http://555
存在独特的业务需求,这就是它们一开始就不仅仅是普通的 href 的原因。
最佳答案
您可以将点击事件处理程序绑定(bind)到使用其自己的 ID 来重定向用户的包含 div:
$('.item').on('click', function () {
window.location = 'http://' + this.id;
});
如果容器元素内有其他不应触发重定向的内容,则可以绑定(bind)到 <p>
容器内的元素:
$('.item').on('click', 'p', function () {
window.location = 'http://' + $(this).parents('.item:first')[0].id;
});
顺便说一句,ID 不应以数字开头。以下是 ID 正确语法的链接:What are valid values for the id attribute in HTML?
请注意.on()
是 jQuery 1.7 中的新增内容。在第一个示例中替换已折旧的 .bind()
在第二个示例中,它替换了折旧的 .delegate()
.
关于javascript - 如何动态地从文本中创建链接? --JQuery初学者,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8174420/