jquery删除父元素

Posted 2023-04-16

有这样一段代码：
<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代码应该如何写？？

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()

参考技术A $('dom').parent().remove();本回答被提问者采纳 参考技术B $('input[type="button"]').click(function()$(this).parent().remove();) 参考技术C 直接$(this).parent().remove()

jquery中怎样根据父级找元素

jquery中parent()可以获取父级元素，所以获得某元素父级的父级可以使用
$(selector).parent().parent();
示例如下
创建Html代码及css样式
<div class="class1">
class1
<div class="class2">
class2
<div class="class3">
class3
</div>
</div>
</div>
divpadding:10px 20px;border:4px solid #ebcbbe;
div.class1width:200px;height:120px;
编写jquery代码
$(function()
$("div.class3").click(function()
obj = $(this).parent().parent();
alert(obj.prop('class'));
);
) 参考技术A $("#id").parent().find("#otherid");