Javascript 如何删除<;李>;元素?

Javascript 如何删除<;李>;元素?,javascript,jquery,html,Javascript,Jquery,Html,以下是我的HTML代码: <form name="package_type_documents" action="" method="post" enctype="multipart/form-data"> <div class="hor-form"> <ul> <li> <div class="answer-block" id="doc_title">

以下是我的HTML代码:

<form name="package_type_documents"  action="" method="post" enctype="multipart/form-data">

    <div class="hor-form">    
      <ul>
        <li>
          <div class="answer-block" id="doc_title">
            <a href="#" class="c-gray-btn c-add-btn" name="add_more_title" id="add_more_title" onclick="add_title(); return false;"><span>Add More Documents</span></a>
            <ol>
                                          <li id="ttl1" class="ptdoc">
                <li class="ans_li">
                  <span class="num-block">1&nbsp;</span><span class="num-block reqd">*</span>
                  <label>Document Title</label>
                  <input type="text" name="pt_doc_title[1]" id="pt_doc_title_1" value="Prabhakar Bhosale" />
                </li>
                <li class="ans_li">
                  <span class="num-block">&nbsp;&nbsp;</span><span class="num-block reqd">&nbsp;</span>
                  <label>Document File</label>
                  <p class="uploadBtn"><input type="file" name="document_file_name_1" id="document_file_name_1"/>
                  </p>
                </li>

                                                  <li class="ans_li">
                  <a href="package_type_documents.php?op=download&pt_id=5&pt_doc_id=19" style="font-size:small;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;prabhakar_bhosale.docx</a>
                </li>                 
                                                                  <li class="ans_li">                
                  <input type="checkbox" name="delete_file_1" id="delete_file_1" class="custom-check" />
                  <label for="show">Delete document</label>
                </li>


                <input type="hidden" name="pt_doc_id[0]" value="19" />
                                  <input type="hidden" name="pt_doc_old_file_iname[0]" value="prabhakar_bhosale.docx" />  

              </li>
                                    </ol>
            <a href="#" class="c-gray-btn c-add-btn" name="add_more_title" id="add_more_title" onclick="add_title(); return false;"><span>Add More Documents</span></a>
            <p class="fade">Note * (Image size should be less then 1 mb and allowed image types are jpg, jpeg, gif, png .)</p>
          </div>         
        </li>       
        <li>          
          <p class="last">
            <input id="saveForm" class="c-btn" type="submit" name="submit" value="Update"/>
            <input type="button" class="c-gray-btn" name="back" value="Back" onclick="javascript:window.location.href='http://localhost/eprime/entprm/web/control/modules/package_type/view_package_type.php?page=1'" />
          </p>
        </li>
      </ul>  
    </div>
  </form>

  • 1 * 文件标题
  • 文档文件

  • 删除文件
  • 注意*(图像大小应小于1 mb,允许的图像类型为jpg、jpeg、gif、png。)

以下是我的jQuery代码:

<script type="text/javascript">
function delete_title(field) {
  $('li'+'#'+field).remove();  
}
</script>

函数删除标题(字段){
$('li'+'#'+字段).remove();
}

以下代码没有删除相关的
  • 。我尝试了很多技巧,但仍然无法消除。有人能在这方面帮助我吗?

    试试这个是Javascript:

    var elem = document.getElementById('id');
    elem.parentNode.removeChild(elem);
    

    检查演示和如何调用函数

    function delete_title(field) {
      $("#"+field).remove();  
    }
    
    delete_title('ttl1');
    

    我确信您必须具有li元素的唯一ID。和用于使用id删除元素。您可以使用:

    $('#'+field).remove();
    
    这将删除所有li元素

    下面的代码将从UL中删除特定的锂元素

    `$('#li_yourId').remove();` 
    

    如果要删除具有给定id的
  • 元素,则可以编写:

    $('#'+field).remove();  
    

    无需写li。

    您如何准确调用
    delete\u title
    ?您想删除什么。如何调用
    delete\u title
    。。。为字段传递的值是多少?因此,您的html看起来无效,因为您的
    li
    内部有
    li
    我无法解释整个场景,因为它太大了,无法解释。有人能告诉我,我编写的代码是否正确地删除了与我传递的Id相同的
  • ?如果这个问题得到解决,那么我的整个问题就会得到解决。
    $('#'+field).remove();