如何替换HTML标记中的文本

时间:2012-08-27 15:04:24

标签: jquery html

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

我想改变它们。 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>');

但它会更改位置名称

3 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:1)

您也可以使用html方法。

在你的情况下:

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

这会改变h2标签的html。

Check here

答案 2 :(得分:0)

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

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

});