JQuery删除html标签后面相邻的元素

  JQuery删除html标签后面相邻的元素,如下:

  html代码

<input type="text" id="RE" />
<label>123abc</label>
<input type="button" value="Remove" onclick="removeElement();" />

  js代码:

function removeElement(){
    $("#RE+ label").remove();
}

  此方法只能删除标签后相邻的第一个元素,对其他元素便没有效果。

  也可以通过next()来获得下一个相邻的元素:

function removeElement(){
    $("#RE").next().remove();
}
时间: 2024-11-06 09:34:27

JQuery删除html标签后面相邻的元素的相关文章

jQuery 删除HTML元素

jQuery使用下面两个方法来删除或是清空某个HTML元素. remove() – 删除指定的元素(包括其子元素) empty() – 清空指定元素的子元素 例如: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JQuery Demo</title> <script src="scripts/jquery-1.9.1.js&q

jQuery 删除元素

通过 jQuery,可以很容易地删除已有的 HTML 元素. 删除元素/内容 如需删除元素和内容,一般可使用以下两个 jQuery 方法: remove() - 删除被选元素(及其子元素) empty() - 从被选元素中删除子元素 jQuery remove() 方法 jQuery remove() 方法删除被选元素及其子元素. 实例 $("#div1").remove(); 尝试一下 » jQuery empty() 方法 jQuery empty() 方法删除被选元素的子元素.

jquery删除指定li元素简单介绍

jquery删除指定li元素简单介绍:本章节介绍一下如何利用jquery删除指定的li元素,虽然比较简单,但这也是比较常见的操作,可能很多初学者还是不够了解,下面就通过代码实例介绍一下如何实现此功能,代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.sof

jQuery -&gt; 删除/替换DOM元素

删除 删除操作非常简单,直接在结果集后链式调用remove()方法即可. 例如,要删除以下html脚本中所有的a元素,直接通过 $('a'.remove(); 就可以做到了. <h3>Anchors</h3> <a href="#" class="remove">Anchor Element</a> <a href="#">Anchor Element</a> <a h

JQuery:JQuery删除元素

JQuery:删除元素通过 jQuery,可以很容易地删除已有的 HTML 元素.删除元素/内容.如需删除元素和内容,一般可使用以下两个 jQuery 方法: remove() - 删除被选元素(及其子元素) empty()  - 从被选元素中删除子元素1.jQuery remove() 方法  jQuery remove() 方法删除被选元素及其子元素.     实例:$("#div1").remove();代码如下: <!DOCTYPE html> <html l

jQuery - 删除元素:删除已有的 HTML 元素

jQuery - 删除元素 通过 jQuery,可以很容易地删除已有的 HTML 元素. 删除元素/内容 如需删除元素和内容,一般可使用以下两个 jQuery 方法: remove() - 删除被选元素(及其子元素) empty() - 从被选元素中删除子元素 jQuery remove() 方法 jQuery remove() 方法删除被选元素及其子元素. 实例 $("#div1").remove(); jQuery empty() 方法 jQuery empty() 方法删除被选元

JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转、传参

JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转.传参(selected的值和页面其它元素的值) 代码如下: <script src="jquery.min.js" type="text/javascript"></script> <script language="javascript" type="text/javascript"> $(document

jquery 添加html标签

<script type="text/javascript"> var sss = 1; function addFile() { if (sss < 20) { var str = ' <span id = row' + sss + '><br/><INPUT type="file" style="WIDTH: 222px; HEIGHT: 20px" size="50" NA

前端学习笔记(zepto或jquery)——对li标签的相关操作(二)

对li标签的相关操作——8种方式获取li标签的第一个元素的内容 1.alert($("ul>li").first().html());2.alert($('ul>li').eq(0).html());3.alert($('ul>li:nth-child(1)').html()); 4.alert($('ul').children()[0].innerHTML);5.alert($('ul>li')[0].innerHTML);6.alert($('ul').fi