如何在javascript中将多个h1元素替换为h1、h2、h3、h4、h5、h6？ @foreach（模型中的变量项） { }

结果；（每页帖子数：6）

六个h1元素

如何在javascript中将所有h1元素替换为h1、h2、h3、h4、h5、h6

像这样：

<div class="panel-heading">
    <h1>
        <a href="#">@item.Title</a>
    </h1>
</div>

---

您可以尝试类似的方法（虽然不好看，但很管用）。还有，这是我的建议

var计数=1；
$（“.panel heading>h1”）。每个（函数（）{
$（this.replace为（$（“”+this.innerHTML+“”））；
计数++；
})

您可以尝试类似的方法（虽然不好看，但很管用）。还有，这是我的建议

var计数=1；
$（“.panel heading>h1”）。每个（函数（）{
$（this.replace为（$（“”+this.innerHTML+“”））；
计数++；
})

您可以编写一个jQuery选择器来获取所有这些h1标记，并循环遍历它们，生成h1到h6标记，然后使用replaceWith将h1替换为新标记

以下代码将执行h1至h6。如果有6个以上的h1标签，它会将这些标签放在h6之后的p标签中

var count = 1;
$(".panel-heading > h1").each(function() {
  $(this).replaceWith($("<h" + count + ">" + this.innerHTML + "</h" + count + ">"));
  count++;
})

$（函数（）{
$（“.panel heading”）.find（“h1”）.each（函数（a，b）{
var newTag=“”；
如果（a，您可以编写jQuery选择器来获取所有这些h1标记，并循环遍历它们，生成h1到h6标记，并使用replaceWith将h1替换为新标记

下面的代码将执行h1到h6。如果有6个以上的h1标记，则会将这些标记放在h6后面的p标记中

var count = 1;
$(".panel-heading > h1").each(function() {
  $(this).replaceWith($("<h" + count + ">" + this.innerHTML + "</h" + count + ">"));
  count++;
})

$（函数（）{
$（“.panel heading”）.find（“h1”）.each（函数（a，b）{
var newTag=“”；
如果（a您可以执行类似以下服务器端的操作：

$(function(){

  $(".panel-heading").find("h1").each(function(a,b){
      var newTag='<p'+(a+1)+' \>';
      if(a<=5)
      {
         newTag='<h'+(a+1)+' \>';
      }        
      var content=$(b).html();      
      var s=$(newTag).append(content);
      $(b).replaceWith(s)
  });

});

（变量i=0；i
您可以在服务器端执行以下操作：

$(function(){

  $(".panel-heading").find("h1").each(function(a,b){
      var newTag='<p'+(a+1)+' \>';
      if(a<=5)
      {
         newTag='<h'+(a+1)+' \>';
      }        
      var content=$(b).html();      
      var s=$(newTag).append(content);
      $(b).replaceWith(s)
  });

});

（变量i=0；i

循环中不能有计数器并动态添加标题级别吗？比如…？循环中不能有计数器并动态添加标题级别吗？比如…？@Zalu-sure-thing，很高兴它有帮助！@Zalu-sure-thing，很高兴它有帮助！

$(function(){

  $(".panel-heading").find("h1").each(function(a,b){
      var newTag='<p'+(a+1)+' \>';
      if(a<=5)
      {
         newTag='<h'+(a+1)+' \>';
      }        
      var content=$(b).html();      
      var s=$(newTag).append(content);
      $(b).replaceWith(s)
  });

});

@for (var i = 0; i < Model.Length; i++)
{
    <div class="panel-heading">
        <h@(i)>
            <a href="#">@Model[i].Title</a>
        </h@(i)>
    </div>
}