Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用JavaScript/JQuery修改另一个div中的子div的内容 abcd xyz_Javascript_Jquery_Html_Css - Fatal编程技术网

使用JavaScript/JQuery修改另一个div中的子div的内容 abcd xyz

使用JavaScript/JQuery修改另一个div中的子div的内容 abcd xyz,javascript,jquery,html,css,Javascript,Jquery,Html,Css,问题是div是动态生成的,每次呈现页面时它们的id都会不断变化。在窗口加载时,必须向a_b和c_d的内容传递一个函数func(),并且输出应放在同一个div中。如何抓取divabc的每个子级并修改其内容?鉴于\abcdiv始终可用,您可以选择该元素,然后选择任何直接子元素div元素,并通过使用带有处理函数的text()对其进行循环,如下所示: $('#abc>div')。文本(函数(i,v){ 返回v+‘foobar’; }); abcd xyz 尝试使用.text()和.each()来实现

问题是div是动态生成的,每次呈现页面时它们的id都会不断变化。在窗口加载时,必须向
a_b
c_d
的内容传递一个函数
func()
,并且输出应放在同一个div中。如何抓取div
abc
的每个子级并修改其内容?

鉴于
\abc
div始终可用,您可以选择该元素,然后选择任何直接子元素
div
元素,并通过使用带有处理函数的
text()
对其进行循环,如下所示:

$('#abc>div')。文本(函数(i,v){
返回v+‘foobar’;
});

abcd
xyz
尝试使用
.text()
.each()
来实现您想要的

<div id="abc">
    <div id="a_b"> abcd </div>
    <div id="c_d"> xyz </div>
</div>
或者更好的代码是使用
.text()
的接收器函数


#abc
div始终可用吗?是的#abc始终可用@rorymcrossanten use children()。
$(“#abc”).children()
中的回调
.text()
?@rorymcrossan为什么要迭代
.text>上的元素(functi…
?,因为回调函数会一个接一个地遍历所有元素的文本。我猜错了吗?@RoryMcCrossan,哇!从来没有这样想过:)@R.s.K是的,这取决于你在
someFunc
中做了什么。如果你必须处理html元素,那么
.html()
将是正确的选择。:)
$(window).load(function(){
  $("#abc > div").each(function() {
     $(this).text(someFunction($(this).text()));
  });
});
$(window).load(function(){
  $("#abc > div").text(function(_,v) {
    return someFunc(v);
  });
});