我如何删除没有id或其他东西的所有权标签…通过jquery

如何删除选定的输入?

我用jQuery创建了输入标签

 $('#con').append('<input type="text">'+ '<span class="del">delete</span>');

我有创建按钮。

当我单击按钮3次。输入也会创建3次。 如您所见;我用del class设置了span标签;输入标签后。当我单击范围标记时,我想要。标记(输入)已单击“删除”。 我怎样才能做到这一点?  注意:我没有输入的ID。

评论
  • sit_in
    sit_in 回复

    You have the id selector #con:

    $('#con').on('click', '.del', function() {
      console.log('delete click');
    });
    
  • wodio
    wodio 回复

    You can do it like this: As the delete button is added dynamically, you have to delegate the click() event from a static parent element like document to the span using on():

     $('#con').append('<input type="text">' + '<span class="del">delete</span>');
     $(document).on("click", ".del", function() {
       $(this).prev("input").remove();
     });
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <div id="con">
    
    </div>