首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >jQuery:链接多个子元素

jQuery:链接多个子元素
EN

Stack Overflow用户
提问于 2012-11-21 01:17:45
回答 2查看 3.2K关注 0票数 3

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

一个非常简单的例子:

代码语言:javascript
运行
复制
<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');

有没有办法做类似的事情呢?

代码语言:javascript
运行
复制
$('#parent')
  .children('.one').text('Some')
  .children('.two').text('Thing')
  .children('.three').text('Else');

其中每个子节点将链重置回父节点。此外,除了使代码更容易阅读之外,这是否有效?记住,这是一个非常简单的例子来澄清这个问题。我不是指这个确切的代码。我真的很感谢你的帮助。谢谢。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-11-21 01:18:46

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

代码语言:javascript
运行
复制
$('#parent')
  .children('.one').text('Some').end()
  .children('.two').text('Thing').end()
  .children('.three').text('Else');
票数 11
EN

Stack Overflow用户

发布于 2012-11-21 01:19:25

代码语言:javascript
运行
复制
$('#parent')
    .find('.one').text('Some')
    .siblings('.two').text('Thing')
    .siblings('.three').text('Else');
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/13478523

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档