如何在jquery中递归地将所有子元素传递给一个组div包装器？
在jQuery中，你可以使用递归函数来将所有子元素传递给一个父元素的包装器。以下是一种实现方法：
- 首先，你需要一个包含所有子元素的父元素。你可以通过选择器来获取它，例如使用
$('#parent')来选择具有id为"parent"的父元素。 - 接下来，你可以使用递归函数来遍历所有子元素并将它们包装在一个div元素中。下面是一个示例递归函数：
function wrapChildren(element) {
// 遍历所有子元素
element.children().each(function() {
// 将子元素包装在一个div元素中
$(this).wrap('<div class="wrapper"></div>');
// 递归调用，将子元素的子元素也包装在div中
wrapChildren($(this));
});
}- 最后，你可以调用这个递归函数，将所有子元素包装在父元素的包装器中：
wrapChildren($('#parent'));这将递归地遍历所有子元素，并将它们包装在具有"class为wrapper"的div元素中。
这种方法可以用于在jQuery中递归地将所有子元素传递给一个组div包装器。这种递归包装的方法可以在构建复杂的DOM结构时非常有用。
腾讯云相关产品和产品介绍链接地址：对于这个问题，腾讯云的产品可能与答案无直接关联，因此无法提供具体的腾讯云产品链接。但腾讯云提供了全球范围的云服务，包括计算、存储、数据库、网络、人工智能等多个领域，可以根据实际需求选择适合的产品和服务。你可以访问腾讯云的官方网站（https://cloud.tencent.com/）了解更多相关信息。
相关·内容
如何用jQuery包装元素。我让它处理不同的div，但只包装到div分离！
我有：
<section>
<div class='parent'>
<div class='child'></div>
<div class='child'></div>
<div class='child'></div>
</div>
<div class=&
浏览 3提问于2015-03-04得票数 0
我正在开发一个flash应用程序，使用免费的Flex SDK和文本编辑器，并在命令行中编译。
我想在我的动作脚本中使用VGroup或HGroup来管理DisplayObjects的位置。
我写了以下代码：
import spark.components.*
import flash.text.*
var group:VGroup = new VGroup;
var text:TextField = new TextField
text.text = 'abc';
var sprite = new Sprite;
sprite.graphics.lineStyle(2,
浏览 2提问于2011-09-03得票数 1
回答已采纳
我正在尝试对一个递归表示目录结构的对象进行单元测试，但即使在最简单的级别上，fluentAssertions ShouldBeEquivalentTo也失败了，达到了最大递归深度。
这个测试应该怎样写才能正确地通过测试。
此外，如果添加了子节点，如何停止ShouldBeEquivalentTo无限地重新比较父DirectoryNode？
这是代码，它使用Xunit、FluentAssertions和System.IO.Abstractions库。
测试：
[Fact]
public void DirectoryTreeBuilder_BuildTree_String_TopNodeTest()
浏览 5提问于2016-08-01得票数 1
我有一个可以很好地使用jQuery UI可排序的元素列表，但是现在我希望能够将一些相邻的兄弟姐妹组合在一起。是否有一种直接的方式来做到这一点，就像一个富文本文档在段落上有一个保持一致或与下一个属性保持一致的方式？
例如，如果我有123456项，那么将2和3放在一起的最佳方法是什么，这样a)如果我拖动2或3，那么它们会一起移动，b)不可能在2和3之间丢弃一些东西？
浏览 4提问于2011-07-30得票数 2
1回答
我将任意网页(“从X字符到Y字符”)的部分包装为跨范围的，有以下约束：
--我不想破坏任何DOM标准(例如，我不想在一个SPAN中包装一个DIV )。--我希望最小化所创建的跨度的数量(因此，仅仅到最低的子级别是不够的。
在修改DOM之前，我需要知道给定的对象是否合法地包含在一个SPAN中。
比如.
if(child instanceof Text) {
// Wrap in a SPAN!
}
else {
// Move along
}
特别是，我需要反映有效跨期内容的JavaScript类列表、可能会有所帮助的方法(jQuery或vanilla )，或者实现类似目标的另一种解决方案。
浏览 3提问于2012-04-20得票数 4
回答已采纳
为什么和何时应该使用子程序()方法？
我想知道为什么我更喜欢使用子()方法，而不是只使用它在选择器中的子对象调用对象。下面是一个简单的例子，第一个是使用子方法()方法，而后者没有：
$(".hello").children().on("click", function) { // Do something };
$(".hello world").on("click", function) { //Do something };
我最近开始使用JQuery，所以请原谅我这个初学者的问题。
浏览 4提问于2014-11-22得票数 0
回答已采纳
我在Ko ViewModel中使用jQuery动态创建了一个嵌套列表。这个列表可能有无限个子类，这就是为什么我使用jQuery而不是直接使用KnockOut。
我的问题是，每个动态创建的childs都具有与KnockOut ViewModel连接所需的功能，但我找不到一种方法。
下面是一个包含我当前代码的JSFiddle：
我试过的是：
尝试将所有的按钮添加到数组中，然后对该数组做一个预测，并运行ko.applyBindings(ViewModel, DOMElement)，但没有对我起作用。
在构建按钮后尝试执行ko.applyBindings，这不起作用，因为DOMElement还
浏览 4提问于2015-08-03得票数 0
回答已采纳
我想使用在这里找到的代码：
// HTML element
var root = document.documentElement;
recursivePreorder(root);
// Recusively find and handle all text nodes
function recursivePreorder(node) {
// If node is a text node
if (node.type == 3) {
// Do something with node
}
// else recurse for each child node
浏览 0提问于2010-01-18得票数 2
回答已采纳
我遵循一个带有Hooks在线课程的Advanced模式，在这个早期的例子中，他们用以下API创建了一个可扩展组件(比如经典的手风琴或可折叠面板)：
<Expandable>
<Expandable.Header>This is the header</Expandable.Header>
<Expandable.Body>This is the content</Expandable.Body>
</Expandable>
他们使用上下文将州expanded传递给可扩展的孩子。到目前为止还不错：
impor
浏览 1提问于2020-09-03得票数 3
回答已采纳
在另一个React.Children.map.中可以看到，可以使用循环遍历子元素。我正在寻找一种递归遍历子树的方法(props.children.props.children.)用另一种类型的元素代替某些元素。这将发生在高阶组件的渲染功能中。
任何帮助和想法都是非常感谢的！
浏览 3提问于2017-01-07得票数 6
在下面的代码中，为什么需要用$函数将'this‘括起来？
var x = $('div');
x.click(function(){
$(this).hide();
});
'this‘不就是指表达式x本身就是一个jQuery对象吗？
浏览 2提问于2013-02-20得票数 0
回答已采纳
我今天遇到了一个奇怪的问题，我希望别人能帮我解决这个问题。
我正在做的项目或多或少是一个jQuery幻灯片。我有一个非常简单的文件，我正在加载它来测试所有东西，它看起来像这样：
<!doctype html public "(╯°□°）╯︵ ┻━┻">
<html>
<head>
<meta charset="utf-8">
<title>test</title>
</head>
浏览 0提问于2012-08-02得票数 7
回答已采纳
不知何故，jquery并没有返回所有具有数据角色属性的匹配元素。
var html = '<html><head></head><body><div data-role="header" data-position="fixed"> </div> <div data-role="content"> <ul id="pageList" data-role="listview" da
浏览 0提问于2015-05-20得票数 1
回答已采纳
我有一个动态的HTML代码(不是DOM文档的一部分)。就像这样-
<div class="media">
abc
</div>
<div class="media">
efg
</div>
<div class="nvid">
<div class="media">
qwr
</div>
</div>
现在我为上面的html创建了一个jQuery obj，
jq = jQuery(above html);
然
浏览 0提问于2011-06-20得票数 0
回答已采纳
我最近开始了一门关于jQuery的课程，想知道我的代码出了什么问题。我想在每个"wcprow“div之前加上一个开头li，在关闭div之后加一个li .所以看起来：
<li>
<div class="wcprow">
Content
</div>
</li>
我当前的HTML是
<ul>
<div class="wcprow">
Content
</div>
<div class="wcprow">
Content
浏览 1提问于2017-01-13得票数 0
回答已采纳
我是jQuery的新手。我有一个动态生成的行，它具有唯一的ID。我需要对每一行应用一个jQuery函数。
我的jQuery函数在页面加载后立即启动，而不是等待我单击。
<script type="text/javascript">
$(function popup() {
$(this).hover(function() {
$('div#pop-up').show();
}, function() {
$('div#pop-up').hide();
});
});
</script>
我希望j
浏览 0提问于2012-06-15得票数 0
回答已采纳
如何在前一个函数完成其函数之前触发一个事件？
我有以下AJAX代码：
var BrainyFilter = {
//...
init: function (opts) {},
changeTotalNumbers: function (data) {
jQuery(BrainyFilter.filterFormId).find('.bf-count').remove();
jQuery(BrainyFilter.filterFormId).find('option span').remove();
浏览 2提问于2014-05-25得票数 0
可能重复：
我搜索过但找不到这方面的任何信息..。包括jQuery参考资料..。
$('<img/>')在jQuery中是什么意思？我只熟悉$('img')。
我在本文中遇到了以下代码：
但是在代码中，当我用另一个替换一个时，它就停止工作了，所以我猜它们是不一样的。
另外，最后一段代码：
.attr('src',$this.attr('src'));
这是干什么用的？它看上去发红，但如果我把它移除，它也会失败。有人能详细解释一下吗？
谢谢
浏览 1提问于2012-10-17得票数 1
回答已采纳
假设我的页面中有一个javascript函数和一个元素：
<input id="Button1" type="button" value="button" />
JS函数：
function demo() {
var id = document.getElementById('Button1');
}
现在id将包含'Button1‘的对象。
如何通过jQuery访问id？
浏览 0提问于2013-07-21得票数 0
回答已采纳
我正在阅读一本“反应学习”教材，它解释了我对胡克斯的看法。钩子部分工作正常。
作者演示了如何用一些易于使用的样式和相关组件定制钩子。
我有下面的代码。
import React from 'react';
// import logo from './logo.svg';
import './App.css';
import StarRating from './components/StarRating';
import StarRating2 from './components/StarRating2';
i
浏览 0提问于2020-09-15得票数 1
回答已采纳
假设我有这样的例子：
import React, { useMemo, useCallback } from 'react'
const Hello = (props) => {
const { firstName, lastName } = props
const fullName = useMemo(() => `${firstName} ${lastName}`, [firstName, lastName])
const sayHello = useCallback(() => {
console.log(`Hello, ${fu
浏览 3提问于2020-11-26得票数 2
回答已采纳
我希望生成的类使用这样的“包装样式”元素(使用@RequestWrapper和@ResponseWrapper )
@WebMethod(action = "http://.../IsThatServiceAvailable")
@RequestWrapper(localName = "isThatServiceAvailable", targetNamespace = "http://...", className = "....IsThatServiceAvailable")
@ResponseWrapper(localNam
浏览 0提问于2015-05-13得票数 0
2回答
我想知道这两个数组的正确名称是什么：
//html
<div></div>
<div></div>
<div></div>
// javascript/jquery
var all = $('div');
console.log(all); //array 1
console.log(all.get()); //array 2
数组1-对象数组？
数组2-元素数组？
(如果需要的话)
浏览 3提问于2013-08-20得票数 1
回答已采纳
1回答
从顺序前后的遍历重建树。
、、、
给定具有独特元素的非二叉树的前、后顺序遍历，我是如何创建它们的树的？
例如
给定序号= ABCDEF
和postorder = BCEFDA
它应该构建一棵相当于
A~
~/~~
B~C~D~~
/~~~
~EF~
(不好意思，这是我唯一能弄清楚的办法，让这棵树看上去很好，而且还能看得清楚)
无论如何，我并不要求代码来完成这个任务，因为这是一个家庭作业项目，代码本身并不是问题所在。我需要帮助的是比较这两个输入的算法，这样它们就可以可靠地创建正确的树。
给定的树可能或多或少复杂于任意数目的节点(想必是<= 26)
TL;DR
How do I use Pre-order and Post-
浏览 3提问于2014-02-21得票数 1
回答已采纳
有人能解释一下如何做到这一点吗，jquery的api在这方面确实很欠缺。下面的代码中有什么错误？
var arr = $(value).filter(function() { return $(this).is("TD"); } ).html();
alert(arr[1]);
我只想获取td的innerHTML/text并将其放入一个数组中
浏览 0提问于2010-07-10得票数 3
回答已采纳
站点具有这种结构
<div class="main">
hello world<br />
againg hello world<br />
<h3>some text</h3>
<ul>
<li>again text</li>
<li>again text</li>
</ul>
</div>
现在，我希望在类main和h3之间使用所有br标记的文本或具有相同html结构的文本。我曾经使用过.pre
浏览 1提问于2013-02-15得票数 0
在我的Phaser3游戏中，我有一个叫OBS的组，它存储了所有的障碍物精灵。
OBS = this.physics.add.group
我想将从这个组创建的每个孩子的速度设置为一个特定值，比如
setVelocityY=40
因此，OBS组中的每个物体都将以40的速度移动。如何设置组的配置，使我添加到组中的每个对象都以给定的速度移动，并共享其他通用属性？
浏览 0提问于2019-03-14得票数 0
1回答
我在我的网站上有一个水平菜单，使用的是drupal中的漂亮菜单。当您将鼠标悬停在安莉元素上时，将为显示的链接设置背景图像。我遇到的问题是，当您将鼠标悬停在父菜单项的子项上时，此图像将消失。正在消失的图像使用此css样式进行设置：
ul.nice-menu li a:hover, ul.nice-menu li.active a {
background: url(images/bg-li-active.png) no-repeat scroll left bottom;
}
ul.nice-menu li * a:hover, ul.nice-menu li.active
浏览 2提问于2009-08-19得票数 0
回答已采纳
我有一个示例代码：
<a href=""></a>
<textarea></textarea>
<object></object>
<img src="" />
<div id="content"></div>
我用了这个：
jQuery("a").mouseover(function() {
alert();
});
jQuery("textarea").mouseover(function()
浏览 0提问于2012-11-24得票数 2
回答已采纳
1回答
我有包含xml响应的字符串，(asmx web服务)我正在通过APXML lib解析xml。当我获得根元素时，它给我主体标签，我不想要主体标签，我想要的是根标签中的实际数据，而不是子标签。请告诉我如何从这里获取数据..谢谢..我的xml是
<?xml version="1.0" encoding="UTF-8" ?>
<soap:Envelope xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001
浏览 0提问于2013-03-29得票数 0
在J计量器中，如果线程1中有JDBC请求，我无法将属性从线程1传递到线程2。如果没有JDBC请求，属性将从线程1传递到线程2。有任何具体的原因吗?我需要做任何更改吗？在这件事上请帮帮我。
浏览 1提问于2020-05-26得票数 0
1回答
我想在父div.If中检查给定的标签‘节’，‘节’标签不存在，用‘节’标记包装子div。
jQuery(document).on('keydown', function(e) {
if (e.keyCode === 34) {
alert('hello');
jQuery(".child").wrap("<section class='panell'>Hello</section>");
}
});
.panell { border:1px solid black
浏览 1提问于2017-02-11得票数 1
回答已采纳
2回答
我有一些元素
<div id="one">ONE</div>
<div id="two">TWO</div>
<div id="three">THREE</div>
<div id="four">FOUR</div>
<div id="five">FIVE</div>
现在，我想用ID“2”和“3”在这两个元素周围包装一个DIV标记，以获得以下结果：
<div id="one"
浏览 5提问于2016-01-07得票数 0
回答已采纳
1回答
我有一个简单的jQuery网站，其中有四个街区，当你按下一个块，另一个块滑出它。但是，在大多数情况下，我想知道如何才能让滑行的块向下移动其他元素。
$(document).ready(function() {
var height = 145;
var speed = 600;
$("#one").animate({
width: "100%",
height: height
}, speed, function() {
$("#two").animate({
width: "10
浏览 2提问于2016-10-06得票数 1
回答已采纳
我有一个对象，它包含一个带有“ArrayList”对象的组。每个组对象都有一个“表”对象的字段，这些对象都有一个带有“ArrayList”对象的ArrayList。所有这些对象都有自己的属性，比如"name“等。
我想在jasper报表中呈现这个对象，但是我不知道如何按group的name和Table name进行迭代和分组，然后遍历字段。
我真的不确定应该如何将对象传递给报表以及如何处理它。
我的报告中的结果应该是这样的。
GroupA
GroupA information
Table A object name and version
Field1, p
浏览 0提问于2013-06-11得票数 0
回答已采纳
想象一下下面的index.php：
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>
<form id="MY_FORM" action="./index.php" method="get">
<input name=
浏览 0提问于2013-03-05得票数 0
回答已采纳
2回答
我使用的是PHPQuery，它是jQuery的一个PHP端口，所以它也使用jQuery选择器。但是，一个不同之处是，当有多个选择器时，PHPQuery不会按文档顺序返回匹配的元素。
有可能把它合并成一个选择器吗？
#article>p,#article>blockquote
我唯一能想到的其他解决办法是：
#article>*:not(div):not(table):not(ul):not(...
浏览 3提问于2013-10-14得票数 4
回答已采纳
1回答
我有一个XML数据文档，它有一个叫做'folio‘的嵌套标签。我需要递归地处理每个对开页，直到我到达没有嵌套对开页的级别，并打印内容。
我不知道如何在XSL中进行递归。这是一个示例文档。有人能帮上忙吗？
谢谢。
<?xml version="1.0" encoding="UTF-8" standalone="no" ?>
<reporting:root xmlns:reporting="http://www.xyzcorp.net/reporting">
<reportin
浏览 2提问于2012-05-23得票数 0
示例php (下面)使用子例程调用来工作。
如果我尝试将它与C# Regex类一起使用，则会得到一个错误：Unrecognized grouping construct
是否可以将其重写为C# regex语法？
是一个简单的翻译，还是需要使用另一种(regex)方法？
如果不可能，它使用的东西的名称是什么，那么我可以将它添加到这个问题中，使它对其他有同样问题的人更有用。
PHP，它处理所有json测试数据。
$pcre_regex = '
/
(?(DEFINE)
(?<number> -? (?: [1-9]\d*| 0 ) (\.\d+)? (e
浏览 4提问于2017-11-12得票数 5
回答已采纳
假设我收集了一些“物品”，如下所示：
<p class="item">Item 1</p>
<p class="item">Item 2</p>
<p class="item group">Item 3</p>
<p class="item group">Item 4</p>
<p class="item">Item 5</p>
我希望循环遍历这些项，并将包含div的所有包含“group”
浏览 5提问于2012-06-28得票数 8
回答已采纳
我们通过从JSON文件中提取数据来创建HTML页面。这很好用，我们使用jQuery手机动态创建了一个包含信息的可折叠列表。
现在我们正在尝试获取每一位数据的偏移量属性，这样我们就可以直接从其他页面链接到它。
问题是我们似乎无法获得偏移值。使用以下代码：
var entry = $("#" + glosID);
console.log(entry);
var offsetJS = entry.offsetTop;
var offsetJQ = entry.offset().top;
console.log("Offset from top(JS): &
浏览 0提问于2014-04-03得票数 0
3回答
我在jquery的所有选择器中遇到了问题。
我在div中有三个元素，但是当我在div标记中使用以下几行代码基本上给出了元素的总长度时，虽然div包含三个元素，但警告为0。为什么？
jquery代码：
var element_count = $('#mydiv').find('*').length;
alert(element_count);
HTML代码：
<div id="mydiv">
<p>Hi</p>
<span>Hello</span>
<h1>hey</h1
浏览 0提问于2014-05-22得票数 0
1回答
在“你在做什么，tbm?”的另一篇令人兴奋的文章中，我有一个测试(诚然，在更改之前已经通过了，但现在)由于一个明显的类存在而失败了，尽管我尽了一切努力来证明并非如此。
上下文：
名单显示的参赛者，其中每一个可以评级或评分。在参赛者的div中，相关的(按类别)进入者显示在摘要中。一个概括的参赛者的分数是不会显示的，直到参赛者本身是通过它自己的div评级。此测试验证此行为。
测试：
it('related items are hidden until scored', function() {
expect(judgeService.entrants[2].rating.
浏览 1提问于2016-11-22得票数 0
回答已采纳
我需要更改布局中所有元素的样式。
例如，我有带有元素的列表视图。我需要为某些行中的所有元素更改颜色。
另一个例子:我需要通过单击按钮改变所有布局元素的样式(允许用户更改应用程序的主题)。
我该怎么做？使用findViewById是非常糟糕的解决方案，因为有很多req到DOM等等，但我看不到任何替代方案。
有什么建议吗？
浏览 2提问于2014-09-11得票数 0
1回答
在你继续阅读之前，记住我已经做了我的研究，我仍然找不到解决办法。因此，我已经有了一个正在填充JQuery的表，它正确地填充了它，但是在再次填充它之前，我似乎无法清除它。以下是我的HTML：
$("#searchBut").click(function() {
$('tbody > tr').remove();
var searchT = $('#searchField').val();
var results = $('#logs');
results.innerHTML = 'test
浏览 0提问于2018-04-22得票数 1
回答已采纳
需要一些关于如何使用jQuery (DOM/遍历/选择器)引用元素的建议。有时，在所需元素上设置id并执行以下操作就足够了：
$('#elementID').hide();
但有时它就是不能使用，例如，当处理n个元素的列表时，我看到一些人将一个类附加到列表的每个元素上，比如：
<a class="selectMe" href="http://jquery.com/">jQuery1</a>
<a class="selectMe" href="http://jquery.com/">
浏览 0提问于2009-11-30得票数 0
回答已采纳
2回答
我有一个通过ajax加载的对话框。里面有一系列的按钮。我将子元素添加到这些按钮中，这些按钮是可点击的元素。这些是LI和SPAN元素。悬停事件是一个伪选择器:悬停在子节点上。也有绑定到这些子节点的单击事件。这在Chrome上很好，但是FireFox不起作用。既不触发悬停也不触发单击事件。这仅仅是被按钮阻塞了吗？
浏览 10提问于2014-04-24得票数 4
回答已采纳
对不起，我的英语不好，例如我有2列，每列点击div.open-model时都会显示一个模型有一个值是h3.title，我用的是jQuery，但不能得到值h3.title的每一列。
$(document).ready(function() {
$('.open_modal').click(function(e) {
var h3title = $(this).find('.parent .title').html();
console.log('h3title');
e.preventDefault();
})
浏览 6提问于2017-07-13得票数 0
回答已采纳
var B = React.createClass({
render: function() {
return (
<div>
<input type="button" onClick={this.props.saveFunction} />
</div>
);
}
});
var A = React.createClass({
render: function() {
return (
<
浏览 0提问于2015-12-03得票数 2
2回答
我有一个输入框，用户可以输入一个项目，然后单击submit按钮或输入键，然后将其添加到带有可排序id的无序列表中。我想让这个用户生成的无序列表可以使用jQuery进行排序，但是我无法让它工作。我相信这涉及到on方法的使用，但到目前为止，我的尝试是完全失败的。
是指向包含该项目的jsfiddle的链接。
此外，下面是我在html文件的标题中链接到的内容：
<link rel='stylesheet' type='text/css' href='stylesheet.css'/>
<link rel="stylesheet&
浏览 2提问于2014-03-20得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
