3

我有一个带有多个子元素的父元素,每个子元素都需要不同的更改。有一个简单的解决方案,但我想知道链接是否可行并且效率更高。

一个非常简单的例子:

<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');

每个孩子将链重置回父级。另外,除了使代码更易于阅读之外,这是否有效?请记住,这是一个非常简单的示例来澄清问题。我不是指这个确切的代码。我真的很感激帮助。谢谢。

4

2 回答 2

11

end()会将链返回到上次过滤之前的状态:

$('#parent')
  .children('.one').text('Some').end()
  .children('.two').text('Thing').end()
  .children('.three').text('Else');
于 2012-11-20T17:18:46.307 回答
2
$('#parent')
    .find('.one').text('Some')
    .siblings('.two').text('Thing')
    .siblings('.three').text('Else');
于 2012-11-20T17:19:25.120 回答