使用JavaScript/JQuery修改另一个div中的子div的内容 abcd xyz
问题是div是动态生成的,每次呈现页面时它们的id都会不断变化。在窗口加载时,必须向使用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()来实现
a_b
和c_d
的内容传递一个函数func()
,并且输出应放在同一个div中。如何抓取divabc
的每个子级并修改其内容?鉴于\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);
});
});