JQuery 获取父元素方法

---恢复内容开始---

<tr class="removerow" >
                <td>
                    <input type="submit" name="ListView1$ctrl0$DeleteButton" value="删除"  />
                    <input type="submit" name="ListView1$ctrl0$EditButton" value="编辑"  />
                    <input type="button" isRemoveRow="true" value="无刷新删除" cur />
                </td>
                <td>
                    <span >1</span>
                </td>
                <td>
                    <span >2008/8/8 0:00:00</span>
                </td>
                <td>
                    <span >好啊</span>
                </td>
            </tr>
        
                
            <tr class="removerow" >
                <td>
                    <input type="submit" name="ListView1$ctrl1$DeleteButton" value="删除"  />
                    <input type="submit" name="ListView1$ctrl1$EditButton" value="编辑"  />
                    <input type="button" isRemoveRow="true" value="无刷新删除" cur />
                </td>
                <td>
                    <span >2</span>
                </td>
                <td>
                    <span >2008/8/8 0:00:00</span>
                </td>
                <td>
                    <span >沙发</span>
                </td>
            </tr>

查找父元素tr,将该元素删除。

$("input[cur]").parent().parent().remove(); //父元素的父元素 找到tr

$("input[cur]").parents("tr")[0].remove(); // 祖先元素 找到tr HTMLTableRowElement

$("input[cur]").parents(".removerow").remove(); //祖先元素 样式筛选

使用parents("tr") 通过tr元素查找，会返回2条数据，parents("tr").html() 能正常获取该行，如果html("") 无法正常修改。

删除该行tr，必须加parents("tr")[0].remove(); 才行。但是parents("tr")[0].html("")也无法正常修改， 不知道为什么会这样！

看来还是通过添加样式parents(".removerow") 操作方便些。