我想要做的是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>');
但它会更改位置名称
答案 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。
答案 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>');
});