jquery - 使用 jQuery 更改链接标题的问题

Question

我一直在尝试使用 JQuery 更改链接的标题。基本上，我当前的主题存在将某些内容识别为 URL 的问题，即使我键入了 www.hotmail.com。我愿意:

(1) 让它识别出这是一个指向 www.hotmail.com 的链接

(2) 将名称 www.hotmail.com 更改为 Click Here

我尝试实现此线程中提到的内容，但没有成功( How do I change the title of a link using jQuery )。

点击后我可以获得直接访问 www.hotmail.com 的链接，但文本不会更改为“单击此处”。

我的代码:

var href = jQuery('p.item-property').html();
var link = "<a href='"+href+"' target='_blank'>"+href+"</a>";

jQuery('p.item-property').replaceWith(link);

$('p.item-property').text('Click Here');

Answer 1

当您替换 p.item-property 时，它不再存在，因此文本不会更改。

我建议您使用 jQuery(html, attributes) 创建元素可以很容易地操纵。

var href = jQuery('p.item-property').html();

//Create element using jQuery
var link = $('<a>', {
  href: href,
  text: href //<== You can directly set here 'Click Here'
});

//Replace the element
jQuery('p.item-property').replaceWith(link);

//Update the text
link.text('Click Here');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p class="item-property">http://link.com</p>