Question

我有一个html类似的表单：

<div id="form_container">
        <h1><a>Untitled Form</a></h1>
        <form action="save_form" method="post" id="newform" name="newform">
          <div class="form_description">
            <h2 class="editable">Form title. Click here to edit</h2>
            <p class="editable">This is your form description. Click here to edit.</p>
          </div>
          <ul id="form_body">
          <li id="field1" class="world">
              <a href="#" onclick="return false;" class="hover">
              <label class="editable" for="field1">Text1</label>
              <input type="text" name="field1" value=""></a>
              <div class="element_actions">
                  <img src="/images/ico_delete_16.png" alt="Delete." title="Delete" class="remove_element">
              </div>
          </li>
           </ul>
        </form>
      </div>

我想克隆表单并从中删除'element_actions'div。我不想修改现有的表单，只修改它的克隆版本。

我尝试过'remove（）'和'分离'但没有成功。

以下是对jsfiddle的测试：http://jsfiddle.net/truthseeker/LYCkt/

感谢您的帮助。

Answer 1

试试这个

$("#form_body").clone().find('.element_actions').remove().end().html();

正在使用 demo

Answer 2

尝试

$("#form_body").clone().find('.element_actions').remove()

或

$("#form_body").clone().find('div .element_actions').remove()

如果你要求它在div中。

jquery - 从表单中删除div

2 个答案: