Question

这是我的html结构

<div class="container">
<div class="main_section">
<div class="experience_section">
<div class="experience_paragraph_section">
<div class="experience_inner_paragraph">
<p>content 1</p>
<p>content 2</p>
<p class="lastelement"></p>
</div>
</div>
</div>
</div>
</div>

我想编写将添加

的jquery

</div></div></div></div></div>
<div class="container">
    <div class="main_section">
    <div class="experience_section">
    <div class="experience_paragraph_section">
    <div class="experience_inner_paragraph">

就在p class =＆＃34; lastelement＆＃34;之前需要帮助

Answer 1

浏览器为您提供了DOM，而不是HTML，因此您需要处理它。

如果您通过该镜头重新调整问题，那么您要做的是：

创建一个包含一堆其他div的div，将一个段落移入其中，然后在其他div 之后将其添加到文档中。

＆＃13;

var $origional_container = $(".container");
var $last_paragraph = $origional_container.find(".lastelement");

var $new_container = $("<div>").addClass("container")
  .append($("<div>").addClass("main_section")
    .append($("<div>").addClass("experience_section")
      .append($("<div>").addClass("experience_paragraph_section")
        .append($("<div>").addClass("experience_inner_paragraph")
          .append($last_paragraph)))));

$origional_container.after($new_container);

＆＃13;

div {
  padding: 2px;
  border: solid black 1px;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="container">
  <div class="main_section">
    <div class="experience_section">
      <div class="experience_paragraph_section">
        <div class="experience_inner_paragraph">
          <p>content 1</p>
          <p>content 2</p>
          <p class="lastelement">Content so you can see this</p>
        </div>
      </div>
    </div>
  </div>
</div>

＆＃13;

Answer 2

jQuery是一个使用文档对象模型（DOM）的工具 - 通过浏览器解析html - 而不是使用文档的html标记。您需要在服务器端更改标记，或者如果不可能使用ajax加载内容和javascript字符串操作函数 - replace（） - https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/String/replace。

动态关闭div

2 个答案: