Question

我需要jquery的帮助。我希望从文档中推送<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>

Answer 1

尝试使用53

helloworld

.closest().parent().find("input[name=countWorks]").eq(1)

Answer 2

为什么不给它一个id，用jquery选择它并将其删除？看起来你每次修改区域中的html时都必须重写当前的选择器。

<input id="myCounter" type="text" hidden="true" value="1" required="true" name="countWorks"></input>

$('#myCounter').remove();

删除上一个父元素

2 个答案: