[英]Remove previous parent element
我需要有關jquery的幫助。 我想在推動<img class='deletework">
從<img class='deletework">
刪除標簽<input type="text" hidden="true" value="1" required="true" name="countWorks"></input>
。我嘗試$('.deleteWork').click(function() { $(this).parent().parent().parent().parent().prev().remove(); });
但它是行不通的。
<td align="center">
<b></b>
<input type="text" hidden="true" value="0" required="true" name="countWorks"></input>
<input type="text" hidden="true" value="1" required="true" name="countWorks"></input>
<table class="raw_inside2" width="100%" border="0" style="margin:0.3em 0.1em;">
<tbody>
<tr>
<th class="rowD" width="10%" title="Work types">
Work types
</th>
<th class="rowD" width="10%" title="Power">
Power
</th>
</tr>
<tr class="rowW">
<td>
<input type="text" value="Frezing" required="true" name="ManMnf"></input>
</td>
<td>
<input type="text" value="150" required="true" name="DSELbr"></input>
</td>
<td align="center">
<img class="deleteWork" title="Delete work type" src="../imglib/icon/del.gif"></img>
</td>
</tr>
嘗試使用.closest().parent().find("input[name=countWorks]").eq(1)
$("img.deleteWork").click(function() { $(this).closest("table").parent().find("input[name=countWorks]").eq(1) .remove() })
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <table> <tbody> <tr> <td align="center"> <b></b> <input type="text" hidden="true" value="0" required="true" name="countWorks" /> <input type="text" hidden="true" value="1" required="true" name="countWorks" /> <table class="raw_inside2" width="100%" border="0" style="margin:0.3em 0.1em;"> <tbody> <tr> <th class="rowD" width="10%" title="Work types"> Work types </th> <th class="rowD" width="10%" title="Power"> Power </th> </tr> <tr class="rowW"> <td> <input type="text" value="Frezing" required="true" name="ManMnf" /> </td> <td> <input type="text" value="150" required="true" name="DSELbr" /> </td> <td align="center"> <img class="deleteWork" title="Delete work type" src="../imglib/icon/del.gif" /> </td> </tr> </tbody> </table> </tr> </tbody> </table>
為什么不給它一個ID,用jquery選擇它並以這種方式刪除它呢? 似乎您每次在區域中修改html時都必須重寫當前的選擇器。
<input id="myCounter" type="text" hidden="true" value="1" required="true" name="countWorks"></input>
$('#myCounter').remove();
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.