使用jQuery刪除多個具有相同類名的表格

Question

我試圖在使用jQuery的行中刪除具有相同類名的多個表。

也許我在這裏做錯了什麼，因爲我不能得到它的工作。

JSFiddle

---

的JavaScript：

$(".closeprod").live("click", function (e) { 
    e.preventDefault(); 
    elem = $(this).parent().parent(); 
    //get sn    
    prodsn = $(".tbl").find(".prodsn:eq(0)"); 
    sn = $(prodsn[0]).html().substr(5); 
    url = "delprod.asp?email=email@example.com&sn=" + sn + "&t=" + tpl; 
    //remove product from xml file 
    $.get(url, function (data, status) { 
     if (data == "OK") { 
      //remove product from template     
      elem.remove(); 
     } 
    }); 
}); 

Answer 1

使用closest()才能到父表，而不是parent().parent()爲改變HTML將打破你的jQuery代碼：

elem = $(this).closest("table").closes("td"); 

合作德：

$(".closeprod").live("click",function(e){ 
      e.preventDefault(); 
      elem = $(this).closest("table").closest("td"); 
        //remove product from template     
        elem.remove(); 
     }); 

UPDATED FIDDLE