{"id":46714,"date":"2020-04-15T17:27:30","date_gmt":"2020-04-15T09:27:30","guid":{"rendered":"http:\/\/www.xyryd.com\/?p=46714"},"modified":"2020-04-15T17:27:30","modified_gmt":"2020-04-15T09:27:30","slug":"%e7%94%a8jquery-remove%e6%96%b9%e6%b3%95%e5%88%a0%e9%99%a4%e8%a1%a8%e6%a0%bc%e8%a1%8ctable-tr%e7%9a%84%e5%86%99%e6%b3%95","status":"publish","type":"post","link":"http:\/\/www.xyryd.com\/46714.html","title":{"rendered":"\u7528jQuery remove()\u65b9\u6cd5\u5220\u9664\u8868\u683c\u884c(table tr)\u7684\u5199\u6cd5"},"content":{"rendered":"\n<p>Query\u5220\u9664\u8868\u884c(table tr)\uff1a\u672c\u6587\u4ecb\u7ecd\u5982\u4f55\u5220\u9664\u9009\u5b9a\u7684\u8868\u884c(table tr)\u3002\u5982\u4f55\u7528jQuery\u6309\u94ae\u5355\u51fb\u4e8b\u4ef6\uff0c\u6309id\u6216class-name\u5220\u9664\u8868\u884c\u3002 \u5728\u6309\u94ae\u5355\u51fb\u65f6\uff0c\u6211\u4eec\u5220\u9664\u9009\u5b9a\u7684\u884c\/ tr\u53ef\u80fd\u662f\u5176\u52a8\u6001\u6dfb\u52a0\u7684\u8868\u884c\u6216\u5df2\u5728DOM\u4e0a\u4f7f\u7528\u7684\u3002 \u4f7f\u7528jQuery <code>.on()<\/code>\u5c06\u80fd\u591f\u901a\u8fc7\u6307\u5b9a\u5176\u7c7b\u540d\u6216Id\u6765\u9009\u62e9\u52a8\u6001\u6dfb\u52a0\u7684\u5143\u7d20\uff0c\u7136\u540e\u4f7f\u7528<code>.remove()<\/code>\u65b9\u6cd5\u5220\u9664\u6240\u9009\u7684\u8868\u884c\u3002<\/p>\n\n\n\n<p>\u8f93\u51fa<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><\/figure>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_65 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title \" >\u76ee\u5f55<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"http:\/\/www.xyryd.com\/46714.html\/#HTML%EF%BC%9A%E6%B7%BB%E5%8A%A0%E5%8C%85%E5%90%AB%E4%B8%80%E4%BA%9B%E6%95%B0%E6%8D%AE%E7%9A%84HTML%E8%A1%A8%EF%BC%88%E5%88%A0%E9%99%A4%E8%A1%A8%E6%A0%BC%E8%A1%8C%EF%BC%89\" title=\"HTML\uff1a\u6dfb\u52a0\u5305\u542b\u4e00\u4e9b\u6570\u636e\u7684HTML\u8868\uff08\u5220\u9664\u8868\u683c\u884c\uff09\">HTML\uff1a\u6dfb\u52a0\u5305\u542b\u4e00\u4e9b\u6570\u636e\u7684HTML\u8868\uff08\u5220\u9664\u8868\u683c\u884c\uff09<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"http:\/\/www.xyryd.com\/46714.html\/#jQuery%EF%BC%9A%E5%9C%A8%E6%8C%89%E9%92%AE%E5%8D%95%E5%87%BB%E6%97%B6%E5%88%A0%E9%99%A4%E8%A1%A8%E8%A1%8Ctr%E7%9A%84%E4%BB%A3%E7%A0%81\" title=\"jQuery\uff1a\u5728\u6309\u94ae\u5355\u51fb\u65f6\u5220\u9664\u8868\u884c(tr)\u7684\u4ee3\u7801\">jQuery\uff1a\u5728\u6309\u94ae\u5355\u51fb\u65f6\u5220\u9664\u8868\u884c(tr)\u7684\u4ee3\u7801<\/a><\/li><\/ul><\/nav><\/div>\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"HTML%EF%BC%9A%E6%B7%BB%E5%8A%A0%E5%8C%85%E5%90%AB%E4%B8%80%E4%BA%9B%E6%95%B0%E6%8D%AE%E7%9A%84HTML%E8%A1%A8%EF%BC%88%E5%88%A0%E9%99%A4%E8%A1%A8%E6%A0%BC%E8%A1%8C%EF%BC%89\"><\/span>HTML\uff1a\u6dfb\u52a0\u5305\u542b\u4e00\u4e9b\u6570\u636e\u7684HTML\u8868\uff08\u5220\u9664\u8868\u683c\u884c\uff09<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>\u9996\u5148\uff0c\u6211\u4eec\u5728HTML\u9875\u9762\u4e2d\u6dfb\u52a0\u4e86\u4e00\u4e2a\u8868\u6807\u8bb0\uff0c\u5176\u4e2d\u5305\u542b\u4e00\u4e9b\u201c<strong>tr<\/strong>\u201d\u8868\u884c\u548c\u201c<strong>td<\/strong>\u201d\u8868\u6570\u636e\u4ee5\u53ca\u4e00\u4e2a\u540d\u4e3aDelete\u7684\u6309\u94ae\u3002 \u8fd9\u91cc\u5220\u9664\u6309\u94ae\u7528\u4e8e\u5220\u9664\u7279\u5b9a\u7684\u8868\u884c\u3002\u6211\u4eec\u7684HTML\u7ed3\u6784\u5982\u4e0b\u9762\u7684\u4ee3\u7801\u6240\u793a\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;table id=\"tbUser\">\n  &lt;tr>\n    &lt;th>Sr&lt;\/th>&lt;th>Name&lt;\/th>&lt;th>Location&lt;\/th>&lt;th>&lt;\/th>\n  &lt;\/tr>\n  &lt;tr>\n    &lt;td>1&lt;\/td>&lt;td>Amit&lt;\/td>&lt;td>Ghatkopar&lt;\/td>\n    &lt;td>&lt;button class=\"btnDelete\">Delete&lt;\/button>&lt;\/td>\n  &lt;\/tr>\n  &lt;tr>\n    &lt;td>2&lt;\/td>&lt;td>Vicky&lt;\/td>&lt;td>Powai&lt;\/td>\n    &lt;td>&lt;button class=\"btnDelete\">Delete&lt;\/button>&lt;\/td>\n  &lt;\/tr>\n  &lt;tr>\n    &lt;td>3&lt;\/td>&lt;td>Sunny&lt;\/td>&lt;td>Powai&lt;\/td>\n    &lt;td>&lt;button class=\"btnDelete\">Delete&lt;\/button>&lt;\/td>\n  &lt;\/tr>\n  &lt;tr>\n    &lt;td>4&lt;\/td>&lt;td>John&lt;\/td>&lt;td>NewYork&lt;\/td>\n    &lt;td>&lt;button class=\"btnDelete\">Delete&lt;\/button>&lt;\/td>\n  &lt;\/tr>\n&lt;\/table><\/code><\/pre>\n\n\n\n<p>\u5728\u4e0a\u8868\u4e2d\uff0c\u6211\u4eec\u6dfb\u52a0\u4e86\u4e00\u4e9b\u6570\u636e\uff0c\u5728\u6bcf\u4e00\u884c\u4e2d\uff0c\u6211\u4eec\u6709\u4e00\u4e2a\u516c\u5171\u7c7b\u4e3a\u201c<strong>btnDelete<\/strong>\u201d\u7684\u6309\u94ae\u3002 \u73b0\u5728\u5c06\u5728\u6309\u94ae\u5355\u51fb\u65f6\u6dfb\u52a0\u5355\u51fb\u4e8b\u4ef6\uff0c\u5355\u51fb\u5b83\u5c06\u4eceHTML\u8868\u4e2d\u5220\u9664\u8be5\u884ctr\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"jQuery%EF%BC%9A%E5%9C%A8%E6%8C%89%E9%92%AE%E5%8D%95%E5%87%BB%E6%97%B6%E5%88%A0%E9%99%A4%E8%A1%A8%E8%A1%8Ctr%E7%9A%84%E4%BB%A3%E7%A0%81\"><\/span>jQuery\uff1a\u5728\u6309\u94ae\u5355\u51fb\u65f6\u5220\u9664\u8868\u884c(tr)\u7684\u4ee3\u7801<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>\u5728\u8fd9\u91cc\uff0c\u9996\u5148\u6211\u4eec\u5728\u6309\u94ae\u6807\u7b7e\u4e0a\u521b\u5efa\u4e00\u4e2ajQuery\u5355\u51fb\u4e8b\u4ef6\uff0c\u7136\u540e\u4f7f\u7528<code>nearest()<\/code>\u65b9\u6cd5\u9009\u62e9tr\uff0c\u4e4b\u540e\u7528<code>remove()<\/code>\u65b9\u6cd5\u5220\u9664\u8be5tr\uff0c\u7c7b\u4f3c\u4e8e\u4f7f\u7528<code>.next()<\/code>\u65b9\u6cd5\u548c<code>.remove()<\/code>\u5220\u9664\u4e0b\u4e00\u4e2a\u8868\u884ctr\u3002 \u8fd9\u662f\u6211\u4eec\u80fd\u591f\u5220\u9664\u8868\u683c\u884c\u7684\u65b9\u5f0f\uff0c\u6211\u4eec\u7684\u6700\u7ec8\u4ee3\u7801\u5982\u4e0b\u6240\u793a\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>$(\"#tbUser\").on('click', '.btnDelete', function () {\n  $(this).closest('tr').remove();\n});<\/code><\/pre>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Query\u5220\u9664\u8868\u884c(table tr)\uff1a\u672c\u6587\u4ecb\u7ecd\u5982\u4f55\u5220\u9664\u9009\u5b9a\u7684\u8868\u884c(table tr)\u3002\u5982\u4f55\u7528jQuery\u6309\u94ae [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":43073,"comment_status":"open","ping_status":"closed","sticky":false,"template":"single-with-sidebar","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[48],"aioseo_notices":[],"_links":{"self":[{"href":"http:\/\/www.xyryd.com\/wp-json\/wp\/v2\/posts\/46714"}],"collection":[{"href":"http:\/\/www.xyryd.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.xyryd.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.xyryd.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.xyryd.com\/wp-json\/wp\/v2\/comments?post=46714"}],"version-history":[{"count":0,"href":"http:\/\/www.xyryd.com\/wp-json\/wp\/v2\/posts\/46714\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.xyryd.com\/wp-json\/wp\/v2\/media\/43073"}],"wp:attachment":[{"href":"http:\/\/www.xyryd.com\/wp-json\/wp\/v2\/media?parent=46714"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.xyryd.com\/wp-json\/wp\/v2\/categories?post=46714"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.xyryd.com\/wp-json\/wp\/v2\/tags?post=46714"}],"curies":[{"name":"wp","href":"http:\/\/api.w.org\/{rel}","templated":true}]}}