jquery remove()的行为与预期不符
jquery remove()是一个用于从DOM中移除元素的方法。它的行为与预期不符可能有以下几种情况：
- 元素没有被正确移除：可能是因为选择器选择的元素不存在或者选择器选择到了多个元素，导致无法正确移除目标元素。可以通过检查选择器是否正确，或者使用其他方法来确保只选择到一个目标元素。
- 事件处理器没有被正确清除：如果目标元素绑定了事件处理器，使用remove()方法只会移除元素本身，而不会清除与之相关的事件处理器。这可能导致事件处理器仍然存在于内存中，可能会引发一些问题，比如内存泄漏。可以使用off()方法来手动解绑事件处理器，确保事件处理器被正确清除。
- 元素的子元素没有被移除：remove()方法只会移除目标元素本身，而不会移除其子元素。如果需要移除目标元素及其子元素，可以使用empty()方法来清空目标元素的内容，然后再使用remove()方法来移除目标元素本身。
- 动态添加的元素没有被正确移除：如果目标元素是通过动态添加到DOM中的，可能需要使用事件委托的方式来绑定事件处理器，并且在移除元素时，也需要使用事件委托的方式来解绑事件处理器。这样可以确保动态添加的元素及其事件处理器都能被正确移除。
总结起来，为了确保jquery remove()方法的行为符合预期，需要注意以下几点：
- 确保选择器选择的是唯一的目标元素。
- 手动解绑与目标元素相关的事件处理器。
- 如果需要移除目标元素的子元素，先使用empty()方法清空内容，再使用remove()方法移除目标元素本身。
- 对于动态添加的元素，使用事件委托的方式来绑定和解绑事件处理器。
腾讯云相关产品和产品介绍链接地址：
相关·内容
1回答
我正在开发一个jQuery插件来创建模式窗口，所以，现在，我想在隐藏元素后恢复它的原始状态。
有人能帮我吗？
谢谢!
-更新
抱歉的,
我想在显示时将元素html存储在某个位置，然后在隐藏时将存储的数据放回原处。
这是我的插件：
(function ($) { // v2ui_modal
var methods = {
show: function (options) {
var _this = this;
var defaults = {
showOverlay: true,
浏览 3提问于2012-08-17得票数 0
回答已采纳
我正在尝试使用jQuery编辑一个超文本标记语言字符串(从一个文本区域)。当我使用这段代码时，链接被从结果字符串中删除，正如预期的那样：
$('#foo').find('a').remove();
$('#foo').html(); // links are removed, as expected
但是当我使用下面的代码时，链接不会被删除。
$('#foo').remove('a');
$('#foo').html(); // links are s
浏览 1提问于2012-01-14得票数 1
回答已采纳
1回答
我有一个JSP文件，我需要从脚本标记的src属性中获取js文件的详细信息。这对于普通的普通脚本标记来说很好(如下所示)
<script src="/resources/js/jquery.min.js" ></script>
我正在使用带有UTF-8字符集的Jsoup库解析方法将jsp文件解析为html文件。
Document htmlDocument = Jsoup.parse(file, "UTF-8");
从文档(HTML文档)中获取带有src属性的所有脚本标记的集合，而在foreach循环中则从集合中获取src属性的详细信息。
实
浏览 0提问于2019-10-01得票数 0
在使用来自remove的jQuery时，我注意到了一件奇怪的事情。尽管jQuery cleary声明：
选择器
类型:字符串
筛选要删除的匹配元素集的选择器表达式。
如果您尝试以下代码：
$element.remove('.k-grouping-header,.k-group-cell,.k-group-col,.k-grouping-row');
它不能像预期的那样工作，你必须使用
$element.find('.k-grouping-header,.k-group-cell,.k-group-col,.k-grouping-row').remove(
浏览 11提问于2014-06-27得票数 2
回答已采纳
2回答
(s，%u，&v)匹配有符号整数
、、、、
在Cppcheck抱怨"%u"是扫描到int变量的错误格式说明符之后，我将格式更改为"%d"，但在提交更改之前再次查看该格式时，我认为其意图是防止出现负面输入。我编写了两个小程序来了解两者之间的区别：
说明符%d
#include <iostream>
#include <stdlib.h>
using namespace std;
int main() {
const char* s = "-4";
int value = -1;
int res = sscanf(s, "%d"
浏览 7提问于2017-09-13得票数 4
回答已采纳
我的脚本中有一个echo语句，如下所示：
echo -ne "Check Script";
我以为它会印出来
Check Script
但是我得到了下面的输出
-ne Check Script
但是，当我在其他机器上运行相同的脚本时，就会得到预期的输出。什么是特定于机器的变量或属性，因为这些变量或属性导致脚本的行为不同。
浏览 0提问于2012-11-07得票数 2
回答已采纳
2回答
我在使用JQuery时遇到了一个问题:每当调用JQuery函数时，只要执行if块，页面就会刷新。
$(".remove").click(function() {
removeOption($(this));
});
function removeOption(obj){
if (obj.parent().siblings().size() > 1){
obj.parent().remove();
}
}
如果(obj.parent()...)块被执行时，页面将刷新。它并不局限于函数:如果我更改if (obj.parent()...)to if (true
浏览 0提问于2012-11-08得票数 1
回答已采纳
1回答
我用的是钛加速器。
我有一个为游戏创建的按钮数组。每个玩家都有一个按钮数组。我还有一个player对象数组，每个对象都有一个"score“属性。
当玩家按下其中一个按钮时，该按钮所属的玩家的分数将被更新。
下面是我如何为每个玩家创建一组按钮：
for(var i=0;i<7;i++){
playerButtons[i] = Titanium.UI.createButton({
myPlayer: thePlayer,
index: i,
value: 50,
touchEnabled: true,
}
浏览 2提问于2011-11-21得票数 0
我检查了我的旧游戏(用SpriteKit制作)，我想在SWIFT2.0中更新它。当我试图修复它时，Xcode发现了一个错误。
错误是：无法将'NSMutableArray‘类型的值转换为预期的参数类型'SKAction'
代码：
torpedo.runAction(SKAction.sequence(actionArray))
函数：
override func touchesEnded(touches: Set<UITouch>, withEvent event: UIEvent?) {
self.runAction(SKAction.playSound
浏览 6提问于2015-12-19得票数 2
以下代码如下：
$("#logo-events").trigger("remove");
做同样的事
$("#logo-events").remove();
这是预期的行为吗？您可以在网站上尝试打开控制台。
浏览 6提问于2015-09-04得票数 4
回答已采纳
1回答
我有一个僵尸数组，每个僵尸都是如下结构：
struct Zombie {
var number: Int
var location : Int
var health : Int
var uid : String
var group: Int
}
我有一组僵尸
ZombieArray = [Zombie1, Zombie2, Zombie3]
当zombieHealth发生变化时，我必须更新它，但是我需要找到它是第一位的僵尸。每个僵尸的位置、编号和UID都是唯一的，因此可以搜索其中的任何一个。以下是我尝试过的一个错误：
let zombieToUpdate
浏览 1提问于2017-08-13得票数 2
我有这样的代码：
<div class="container">
<div class="row">
<div class="col">
<a href="1" class="delete_activity">x</a>
</div>
</div>
<div class="row">
<div class=
浏览 0提问于2011-11-08得票数 1
回答已采纳
2回答
给定以下HTML：
<div contenteditable="true">Some text</div>
和一些用JQuery检测单击事件的JS：
$("div").click(function() {
alert('click!');
});
如果选择( div中文本的一部分)，点击事件将不会由Opera引发(在Linux上使用Opera11.61进行测试，在Windows下使用11.62 )。双击一个单词，将其部分标记为有效。
这个事件是在IE7-9、Firefox、Chrome和Safari中引发的。有一个稍
浏览 4提问于2012-04-13得票数 8
回答已采纳
根据，将选择器作为.remove()的可选参数是完全有效的。引用：
我们也可以包括一个选择器作为一个可选参数。例如，我们可以重写以前的DOM删除代码如下：
$( "div" ).remove( ".hello" );
所以我写了两个div来测试这个问题：
<div id="div1">test
<div id="div2">Remove</div>
</div>
使用它作为jQuery：
$( document ).ready(function() {
$(
浏览 2提问于2015-09-28得票数 6
回答已采纳
给出下面的HTML示例...
<div id='div1'>div one</div>
<div id='div2'>div two</div>
...I发现以下jQuery代码...
$('#div1').click(function() {
var $d = $(this); // Using 'this' instead of '#div1'
$d.add('#div2').remove();
});
...would不
浏览 2提问于2010-04-13得票数 12
回答已采纳
为了探讨nodejs包装管理器(如npm、纱线和cnpm )的工作原理，我进行了测试。
我发现了两个包:jquery.tree和jquery.tree，它们都只依赖jquery，而没有其他依赖项。jquery-梦想流依赖jquery@^2.1.1 jquery.tree依赖jquery@~2.1.1
我在终端上运行这个命令：
npm i jquery-dreamstream jquery.tree -S
它在/node_modules中下载了三个包：
jquery@2.2.4
jquery-梦想流
jquery.tree
在jquery.tree中，有一个包含jQuery2
浏览 1提问于2019-05-21得票数 2
1回答
只移除html标记
、、、、
使用JSOUP (而不是regex)只删除html标记(保存所有自定义/未知标记)的正确方法是什么？
预期投入：
<html>
<customTag>
<div> dsgfdgdgf </div>
</customTag>
<123456789/>
<123>
<html123/>
</html>
预期产出：
<customTag>
dsgfdgdgf
</customTag>
<123456789/>
浏览 1提问于2015-11-01得票数 0
回答已采纳
4回答
我想要向li元素添加左边框，并在单击它时更改其背景颜色。背景颜色更改正常，但左边框中的问题不起作用。 HTML代码： window.addEventListener('load', function () {
$('li').click(function () {
$('li').addClass('active');
});
}) li {
background-color: grey;
border-lef
浏览 46提问于2021-08-30得票数 0
1回答
我正在编写一个outlook子过程，它获取当前选定的电子邮件，对其进行解析，然后创建新的电子邮件消息。解析非常简单:从消息的第一行提取电子邮件地址，然后正文的其余部分就是新消息中的常规电子邮件正文。
我使用以下基本代码来设置新消息的正文：
Set newMsg = Outlook.Application.CreateItem(olMailItem)
With newMsg
.BodyFormat = olFormatHTML
.Body = newBody
'... set subject,etc
.Display
问题是，创建的新消息丢失了我从其中复制信息的所
浏览 7提问于2011-08-17得票数 0
我有一个简单的电子邮件捕获表单作为我主页的一部分，但是当我返回局部视图时，表单编辑器的模型值没有更新：
模型
public class Contact
{
[Key]
public int Id { get; set; }
[Required]
public string Email { get; set; }
[NotMapped]
public string Message { get; set; }
}
观景
@model TestApp.Models.Contact
@{
浏览 4提问于2011-06-15得票数 2
回答已采纳
我有一个要添加jQuery库的网页，下面是代码：
var script = document.createElement('script');
script.src ="https://code.jquery.com/jquery-1.11.3.min.js";
document.body.appendChild(script);
使用VBS代码从UFT调用此代码：
script= "var script = document.createElement('script');" &_
"script
浏览 4提问于2017-11-07得票数 1
回答已采纳
我有两个select列表。我通过jquery (1.9.X)填充第一个元素，并将一个dblclick事件添加到每个option项中。
预期的行为是：“当用户双击一个项目到List1，该项目应该‘跳转’到List2，反之亦然。”
问题是，当一项“跳转”到List2时，事件似乎会自行解除绑定。
这里有一个小提琴：
浏览 0提问于2015-02-10得票数 0
回答已采纳
我正在尝试使用jQuery删除一个表行，虽然它从屏幕上消失了，因此似乎可以工作，但在Firebug中，我仍然可以看到它的代码。该行中有表单元素，因此，我希望了解该行是否真的被删除，因为我不希望提交这些值。那么，remove真的可以移除吗？下面是我使用的代码...也许我做错了？
if($('.delete')) {
$(".delete").live('click', function(event) {
$(this).closest('tr').remove();
浏览 2提问于2010-02-03得票数 7
回答已采纳
在对一个新API进行了一些测试之后，我发现了这一点，那边的管理员说我正在做GET，而我正在做自己的帖子。在启用调试之后，我发现请求将执行初始的POST，然后对新的302URL执行GET操作。
我的问题现在解决了，在我理解了问题是什么，但这是一个错误或预期的行为？如果在帖子上收到302，则不应该引发异常，或者将帖子重试到新的URL。
我不想把它作为一个bug登录到GitHub上，除非我确定它是一个bug。只是想得到一些关于这个的信息。
谢谢
浏览 3提问于2013-10-17得票数 9
回答已采纳
2回答
我试图在C#中创建一个简单的正则表达式，以便将字符串拆分为令牌。我遇到的问题是，我使用的模式捕获了一个空字符串，这会抛出我的预期结果。我能做些什么来改变我的正则表达式，这样它就不会捕获空字符串？
var input = "ID=123&User=JohnDoe";
var pattern = "(?:id=)|(?:&user=)";
var tokens = Regex.Split(input, pattern, RegexOptions.IgnoreCase);
// Expected Results
// tokens[0] ==
浏览 0提问于2017-09-22得票数 0
回答已采纳
我正在通过命令行读入一个文件。
由于该文件是从Oracle导出的JSON，因此它具有一定的结构。由于某些原因，此默认结构不是有效的JSON。示例：
// This isn't valid JSON
,"items":
[
{"id":123,"language":"ja-JP","location":"Osaka"}
,{"id":33,"language":"ja-JP","location":"Tokyo"}
浏览 15提问于2018-08-20得票数 0
回答已采纳
4回答
我正在用输入字段动态创建新的div，并通过设置规则删除按钮，最多可以创建5个字段。如何动态更新标签文本？
例如，如果我第一次点击+ New，新创建的标签应该是Name 1，第二次，Name 2等等。删除也应该发生同样的情况(值应该动态更新)。
虽然我试图从下面得到同样的结果，但它并不像预期的那样起作用.
jQuery('.new-label').text('Name ' + x);
var max_fields = 5;
var wrapper = jQuery(".input_fields_wrap");
var a
浏览 4提问于2016-03-10得票数 0
回答已采纳
$("#toggle").click(function(){
$("html").toggleClass("bg");
});
html.bg {
background: blue;
}
body {
background: yellow;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!DOCTYPE html>
<ht
浏览 3提问于2012-06-08得票数 58
回答已采纳
在试图使用Jquery禁用div标记中的超链接时，我使用了以下代码，这些代码没有帮助。
JQuery - 1.7v
html代码-
<div id="content">TESTING PURPOSE <(a)> href="/test/">Click Here <(a)> End </div>
jQuery - JS
$('#content').find("*").prop("disabled", true);
$('#content').pr
浏览 0提问于2013-08-24得票数 2
回答已采纳
我已经将JavaScript代码添加到我的Drupal7主题中，但是它不能像预期的那样运行，因为当我的函数被触发时，css没有正确地应用。
所以我尝试了一个最小的实现来检查发生了什么。
jQuery(document).ready(function($) {
alert("Start");
}
在页面完全加载之前(即所有标题都丢失)，将触发alert()。我如何防止这种情况发生？
浏览 0提问于2011-04-13得票数 4
回答已采纳
下面的jquery代码片段运行良好。我想知道如何将它写成接受table1作为参数的函数，这样我就可以在代码的其他部分重用这个函数。例如，如果我有id为table2的表，而不是添加新函数，我应该重用现有的表
$(document).ready(function(){
$("#table1").on('click','.btnDelete',function(){
$(this).closest('tr').remove();
});
});
浏览 0提问于2016-11-23得票数 0
这是我的application.js：
//= require jquery
//= require jquery_ujs
//= require_tree .
//= stub subscriptions
它一直按预期工作，subscription.js是另一个单独编译的文件。
如果我在subscriptions.js顶部加上这一行
//= require jquery
application.js：按预期编译subscriptions.js，并包含jQuery，但在浏览器控制台中，jQuery从jQuery消失，我得到ReferenceError: jQuery is not define
浏览 2提问于2016-08-09得票数 0
Name Code
Ramesh 1234
Ramesh kumar
Suresh 4532
Sur
这是示例数据，如果名称包含类似的字符串，则应该填充代码。
预期结果：
Name Code
Ramesh 1234
Ramesh kumar 1234
Suresh 4532
Sur 4532
浏览 0提问于2022-05-28得票数 0
这里的代码并没有返回预期的结果：
jQuery('<div>Look here: [ jQuery0="null" ]</div>').html()
相反，你会得到：
Look here: [ ]
有问题的jQuery源代码：
html: function( value ) {
return value === undefined ?
(this[0] ?
this[0].innerHTML.replace(/ jQuery\d+="(
浏览 0提问于2009-08-31得票数 8
回答已采纳
我正在用全屏幕覆盖取代模型窗口，用于更小的设备。假设$( window ).hide()不必要地将该窗口保存在内存中，我将尝试使用$(window).unload()，它不像预期的那样工作。我使用PHP变量作为脚本名，因为不同的脚本将使用此实用程序。
在进一步的探索中，我发现unload()已经被废弃了，也许最初并不打算以这种方式使用它。我不知道还有什么选择，除了$(window).hide。
这是整个代码
<?php
session_start();
$Script = $_REQUEST[Script];
?>
<!DOCTYPE html>
<
浏览 2提问于2020-04-15得票数 0
回答已采纳
6回答
在已添加到页面的项目上触发事件时遇到问题。在下面的示例中，如果您单击X，它将删除其中一个项目，但如果您添加了一个项目，则无法删除它。
列表如下：
<ul id="mylist">
<li>Item 1 <a class="remove">X</a></li>
<li>Item 2 <a class="remove">X</a></li>
</ul>
<a class="add">Add
浏览 3提问于2009-03-09得票数 2
回答已采纳
我不明白为什么JCF (Implementation)没有Bag实现(允许重复，而不是维护顺序)。Bag性能将比当前JCF中的Collection实现好得多。
我知道如何用Java实现Bag。
我知道Bag在ApacheCommons中是可用的。
我知道还有其他实现可以作为Bag使用，但是与Bag相比，在其他实现中还有很多工作要做。
为什么Java集合框架没有提供这样的直接实现？
浏览 2提问于2013-03-25得票数 24
回答已采纳
有没有可能在Jquery datatable的第2/3/...n行之后添加新行？我使用了这个方法fnAddData(...)。它的工作方式与预期一致。但是我需要在两行之间添加记录。请大家帮帮我..
浏览 0提问于2013-05-20得票数 2
回答已采纳
1回答
我正在制作一个需要条件格式的表。我需要在上一行上面插入一行，这样用户就可以在上面输入一个新的作业。我最初使用了一个隐藏行，在该行下面发布了任何新行，但是使用筛选器公开了这一点，因此我找到了以下代码：
Sub insertrow()
Rows("3:3").Insert Shift:=xlDown, CopyOrigin:=xlFormatFromRightOrBelow
End Sub
但是，每当我单击该按钮以插入新行时，它就会按预期的方式执行，但是也会将条件格式应用于表头。
当我去检查条件格式时，值已经更改为包含标题行--我不知道如何或为什么？
浏览 6提问于2014-09-11得票数 1
2回答
我在一个有一些动态jQuery内容的网站上工作。如果用户按下了页面上的按钮("show menu")，就会运行一个javascript函数。让这个函数调用loadMenu()。
loadMenu()函数使用ajax从服务器加载菜单(web conent)。这个加载的代码的一部分是javascript/jquery。这段代码的两个函数使页面上的一些元素可拖动，另外两个函数使网页上的一些元素可拖放。这些函数都是在$.ready-Time启动的(如果DOM准备好了)。所有这些都运行得很好。
现在我添加了一个"MenuAlwaysVisible“特性。这意味着:如果网页正在加载
浏览 1提问于2012-03-16得票数 1
回答已采纳
给出使用Promise构造函数的代码
let promise = () => new Promise(resolve => resolve(1));
new Promise((resolve, reject) => {
setTimeout(() => reject("10 seconds exceeded"), 10000);
resolve(promise())
})
.then(data => console.log(data))
.catch(err => console.error(err));
1记录在conso
浏览 6提问于2017-09-29得票数 1
回答已采纳
jQuery提到了.remove()方法
当您想要删除元素本身以及元素中的所有内容时，请使用.remove()。除了元素本身之外，与元素关联的所有绑定事件和jQuery数据都将被删除。
但是，如果删除()对具有调整大小的图像的ui包装器，则情况似乎并非如此。ui包装器中的图像留在DOM中。参见这里的jsfiddle，。
那么，删除具有大小大小的图像的正确方法是什么呢？
$(function(){
$('#pelican').resizable({handles : 'ne,se,sw,nw', aspectRatio : true});
})
浏览 2提问于2013-08-25得票数 0
回答已采纳
2回答
它是在jQuery文档中编写的，选择器上的remove()将删除与它相关的所有事件。但是在下面的代码中，在调用remove函数之后，与onclick相关的警报#这没有被删除。我在这里错过了什么？
代码：
<div style="width:100%; min-height:100px; background-color:yellow;" id="add" onclick="remove()">
<ul id="remove" style="width:100%; background-color
浏览 1提问于2018-08-12得票数 1
回答已采纳
因此，我正在学习一些jQuery，我决定将朋友向我提出的请求用作训练场地。我正在尝试为greasemonkey创建一个脚本，当选择的用户在Overwatch论坛(https://us.forums.blizzard.com/en/overwatch/c/general-discussion)上的一个线程中发布一些东西时，它会对整个线程隐藏特定的评论。 有问题的论坛通过一个名为：data-user-id="XXXX"的标签来标识用户，这是我在选择要隐藏的帖子时想要用作脚本目标的标签 预期的行为是，当脚本运行时，通过我提供的用户ID发现某个用户写了一些东西，它会将整个帖子隐藏在我
浏览 39提问于2019-06-30得票数 0
回答已采纳
function updateRecord(actdate, plandate, bugnumber) {
var adate = document.getElementById(actdate).value.split("-");
var pdate = document.getElementById(plandate).value.split("-");
jQuery.ajax({
url: '?=bug_parser/updaterecord/'+adate[0]+&#
浏览 1提问于2012-11-30得票数 0
TL/DR:在从DOM中删除元素时，是否有任何方法可以防止jQuery自动解除绑定事件？
当您对一个remove()元素调用jQuery时，jQuery会自动取消绑定该元素的所有事件。例如，假设我有以下内容：
var button = $("<button>Click me</button>");
$("body").append(button);
button.click(function() {
console.log("clicked");
});
button.remove();
$("body&#
浏览 6提问于2014-04-04得票数 2
回答已采纳
全部，我有以下jQuery代码：
jQuery("#add_timeline_row").on("click", function(event){
if(event.preventDefault){
event.preventDefault();
}else{
event.returnValue = false;
}
var total_rows = jQuery('[name="timeline_num[]"]').length;
alert(total_r
浏览 1提问于2012-07-05得票数 0
回答已采纳
我有一个正则表达式来验证密码规则。
在.Net控制台应用程序中，它按照预期正确地拒绝或验证密码。
var strongRegex = new Regex("^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.*[^a-zA-Z0-9])");
Console.WriteLine(strongRegex.IsMatch("Test_1234"));
这将像预期的那样返回"true“。
当我在ASP.Net MVC项目中将其添加到我的模型中时，这个相同的值将被jQuery在客户机上的不引人注目的验证所拒绝。
[RegularExpre
浏览 1提问于2018-11-06得票数 3
回答已采纳
使用jQuery版本，除了将任何内容粘贴到编辑器中之外，所有内容都按预期工作，它粘贴的内容是我预期的两倍。
初始化脚本：
$('textarea.editor').tinymce({
theme : "modern",
menubar : false,
plugins: [
"paste advlist autolink lists link charmap print preview anchor",
"searchreplace visualblocks code",
浏览 0提问于2015-02-20得票数 1
1回答
我已经尝试了很多东西，但我还是想不通这个问题。首先，我在fancybox中有一个表单部分。
这是：*_form.html.erb*
<%= form_tag sessions_path , remote:true , id: "login_form" do %>
<div class="field">
<%= label_tag :email %>
<%= text_field_tag :email, params[:email] %>
</div>
<div class="
浏览 3提问于2012-12-17得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
