javascript - 如何在h2 innerhtml前后添加字符

Question

我已经寻找过执行此操作的方法，我可能只是遗漏了一些非常明显的东西，对此我深表歉意。

我正在尝试向 h2 元素添加两个字符。我已经完成了，但是如果我做了不止一个 h2，第一个被复制。我希望每个 h2 的唯一 innerHTML 在前后添加这些字符。

我知道我可以用 css 做到这一点，但我已经在元素上做其他事情之前和之后。

$(window).on("load", function() {
// On page load, add greater than and less than signs to all h2s
var regH2 = $('h2').html();
$('h2').html( '<' + regH2 + '>' );

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<h2>header1</h2>
<h2>header2</h2>

Answer 1

这样试试

$('h2').each(function(){
  var regH2 = $(this).html();
  $(this).html( '<' + regH2 + '>' );
});