Question

我有一个表格格式的html查询实际上绑定div中的数据。我的HTML查询就像，

var myTable = <table>
    <tr>
       <td class='deleteMe'>
            <table><tr><td>1</td><td class='close'></td></tr></table>
       </td>
       <td class='deleteMe'>
            <table><tr><td>2</td><td class='close'></td></tr></table>
       </td>
       <td class='deleteMe'>
            <table><tr><td>3</td><td class='close'></td></tr></table>
       <td>
    </tr>
</table>

这里的课程close包含delete图标。所以当我点击这个删除图标时，我可以删除完整的td之类的，

$(document).on('click', '.close', function () {                
            $(this).closest('table').remove();
        });

但我想要的是，除了deleted one之外，我需要获得完整的结构。与...类似，

var myTable = <table>
    <tr>
       <td class='deleteMe'>
            <table><tr><td>1</td><td class='close'></td></tr></table>
       </td>
       <td class='deleteMe'>
            <table><tr><td>2</td><td class='close'></td></tr></table>
       </td>
    </tr>
</table>

为什么尝试这样做是在将此myTable绑定到我的div之后，当我从此处删除2时，将其删除，但它显示{之间的空格{1}}。我不想要这个，那就是除了被删除的结构之外我想要获得的结构并再次将它重新绑定到同一个div。

任何人都可以帮助我，提前谢谢

Answer 1

$(this).closest('.deleteMe').remove();

Answer 2

$(document).on('click', '.close', function () {                
            $(this).parents('.deleteme').remove();
        });

删除已删除的元素后，请执行

<script>var data='';
  $(document).on('click', '.close', function () {  data='';            
                $(this).parents('.deleteMe:first').remove();
                $(".deleteMe").each(function(){
                data+=$(this).html();
                });
                });

它将在var数据中存储剩余deleteme的html;

删除最接近的类 - jQuery

2 个答案: