jquery - 如何替换 HTML 标记中的文本

Question

我想做的enter code here是将div中的H2标签替换为.location使用jQuery的类。我怎样才能做到这一点？

我想改变他们两个。URL 或/和名称。两者任一。谢谢。

    <div class="location">
    <h2><a href="#">United States</a></h2>
    <h3>lorem ipsum...</h3>
    <ul>
      <li>Addresss</li>
      <li>Address 2</li>
      <li>Phone: xxx</li>
      <li>Fax: xxx</li>
    </ul>
</div>
    <div class="location">
    <h2><a href="#">Europe</a></h2>
    <h3>lorem ipsum...</h3>
    <ul>
      <li>Addresss</li>
      <li>Address 2</li>
      <li>Phone: xxx</li>
      <li>Fax: xxx</li>
    </ul>
</div>



$('.location h2').replaceWith('<a href="#"><h2>Europe</h2></a>');

但它改变了两个位置名称

Answer 1

var new_values_arr = ['one', 'two'];
$('.location h2').each(function(index, element){
    element.replaceWith(new_values_arr[index]);
});

Answer 2

您也可以只使用 html 方法。

在你的情况下：

 $('.location h2').html('<a href="#"><h2>Europe</h2></a>');

这将更改 h2 标签的 html。

在这里检查

Answer 3

我最终这样做是为了回答我自己的问题。

$(document).ready(function() {

    $('.location:eq(0) h2:first').replaceWith('<h2><a href="someurl.com">USA</a></h2>');
    $('.location:eq(0) h3:eq(1)').replaceWith('<h3>Test</h3></a>');
    $('.location:eq(1) h2:first').replaceWith('<h2><a href="someurl.com">CAN</a></h2>');

});