Question

jquery删除父元素

有这样一段代码：
<div>
<ul>
<li class="content">数据1<input type="text" /><input type="text" /><input type="button" value="删除" /></li>
<li class="content">数据2<input type="text" /><input type="text" /><input type="button" value="删除" /></li>
<li class="content">数据3<input type="text" /><input type="text" /><input type="button" value="删除" /></li>
<li class="content">数据4<input type="text" /><input type="text" /><input type="button" value="删除" /></li>
<li class="content">数据5<input type="text" size="20" /><input type="text" /><input type="button" value="删除" /></li>
<li class="content">数据6<input type="text" /><input type="text" /><input type="button" value="删除" /></li>
<li class="content">数据7<input type="text" /><input type="text" /><input type="button" value="删除" /></li>
</ul>
</div>

需要在点击“删除”按钮时将该行的li删除，请问jquery代码应该如何写？？

Answer 1

jquery不能删除父元素，只能删除父元素下面的子元素。下面是具体步骤：

所需条件：

var obj=document.getElementById("id");得到的是dom对象，对该对象进行操作的时候使用js方法。

var obj=$("#id");得到的是jquery对象，对该对象进行操作的时候使用jquery方法。

1.对于上面获得的对象进行遍历：

(1).js方法  for(vat i=0;j<obj.length;i++){ obj[i] 来获得对应的某一个元素}

(2).jquery方法  $(“#id”).each(function(){ $(this) 来获得对应的某一个元素})；

2.获取满足条件的元素的父元素：

(1).js方法：var o=obj[i].parentNode

(2).jquery方法：var o=$(this).parent()

3.得到父元素后，可以删除该父元素的子元素：

(1).js方法：o.removeChild(obj[i])；

(2).jquery方法：o.empty()

Answer 2

$('dom').parent().remove();

Answer 3

$('input[type="button"]').click(function(){$(this).parent().remove();})

Answer 4

直接$(this).parent().remove()