我有一个父元素,每个子元素需要不同的更改。有一个简单的解决方案,但我想知道链接是否可行并且效率更高。
一个非常简单的例子:
<div id="parent">
<div class="one">One</div>
<div class="two">Two</div>
<div class="three">Three</div>
</div>
----------------------
$('#parent .one').text('Some');
$('#parent .two').text('Thing');
$('#parent .three').text('Else');
有没有办法做类似的事情?
$('#parent')
.children('.one').text('Some')
.children('.two').text('Thing')
.children('.three').text('Else');
每个孩子将链重置为父母。此外,除了使代码更容易阅读之外,这是否有效?请记住,这是澄清问题的一个非常简单的例子。我不是指这个确切的代码。我非常感谢你的帮助。感谢。
答案 0 :(得分:10)
end()会将链返回到最后一次过滤之前的状态:
$('#parent')
.children('.one').text('Some').end()
.children('.two').text('Thing').end()
.children('.three').text('Else');
答案 1 :(得分:2)
$('#parent')
.find('.one').text('Some')
.siblings('.two').text('Thing')
.siblings('.three').text('Else');