使用jQuery

Question

我一直在尝试使用JQuery更改链接的标题。基本上我的当前主题有一个问题，即使我键入www.hotmail.com，也可以将某些内容识别为URL。我想：

（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)创建元素，这可以很容易地操作。

＆＃13;

＆＃13;

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');

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 2

您的选择器会标识与您用link替换的元素对应的元素。您想要更改text的{​​{1}}代替：

link

但最好在初始化时设置正确的var href = jQuery('p.item-property').html(); var link = "<a href='"+href+"' target='_blank'>"+href+"</a>"; jQuery('p.item-property').replaceWith(link); $(link).text('Click Here');

text