更改页面上的HTML输出链接

Question

我在页面上输出了一堆链接，我需要定位其中一个并更改链接。

这是输出：

<div class="event-detail">
    <h3>
       <a href="http://www.old_link.com">Conference</a>
    </h3>
</div>

（注意：页面上多次使用CSS类“event-detail”。）

将www.old_link.com替换为www.new_link.com。

如果可能的话，最后还要添加 target =“_ blank”。

感谢您的帮助！

Answer 1

在锚点上设置ID，如下所示：

<a id="myLink" href="http://www.old_link.com">Conference</a>

然后在jQuery中：

$("#myLink").attr('href', 'http://newLink.com');
$("#myLink").attr('target', '_blank');

Answer 2

尝试使用attribute selector：

jQuery( '[href="http://www.old_link.com"]' ).attr({
     'href', 'http://www.new_link.com',
     'target', '_blank'
});

Answer 3

试

$('div.event-detail a[href="http://www.old_link.com"]').attr('href', 'www.new_link.com').attr('target', '_blank')

您正在选择属于该div / class

的页面中的“a”

Answer 4

试试这个：

$('a[href=http://old_link]').attr('href', 'http://new_link').attr('target', '_blank');

这会在http://old_link属性中获取包含href的所有链接，并根据需要设置属性。