时间戳

首页 > 解决方案 > 显示原始 html 而不是解释

html - 显示原始 html 而不是解释

问题描述

当我运行此代码时，我得到原始 HTML 作为输出。我只希望文本像其他两次一样。如果我将类名“grid-item”更改为其他名称，它根本不会显示第二个插入。如何进行这种精确的代码切口？

<div>
  <div class="grid-item">
    1
  </div>
  <div class="grid-item">
    2
  </div>
</div> 

<div>
  <div class="grid-item">
    1
  </div>
  <div class="grid-item">
    2
  </div>
</div>   

$(document).ready(function(){

    $(".grid-item:nth-child(1)").after(Element);
  $(".grid-item:nth-child(1)")[1].after(Element);
  
});
            
var Element = '<div class="grid-item"> problem text </div>';

输出：


1
problem text
2
1
<div class="grid-item"> problem text </div>
problem text
2

标签： htmljquerycss

解决方案

看来这是您正在寻找的代码

$(document).ready(function(){

  $(".grid-item:nth-child(1)").after(Element);
  $(".grid-item:nth-child(1)").eq(1).after(Element);
  
});
            
var Element = '<div class="grid-item"> problem text </div>';

根据您的评论，有[1]-应该.eq(1)如上所述。

推荐阅读