jquery - HTML タグ内のテキストを置き換える方法

Question

私がやりたいのは、div内のH2タグをjQueryを使用enter code hereするクラスに置き換えることです。.locationどうすればこれを達成できますか?

両方変えたい。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>');

});