javascript - 如何动态地从文本中创建链接？ --JQuery初学者

Question

我在一个页面上有很多这样的内容:

<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 的原因。

Answer 1

您可以将点击事件处理程序绑定(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() .