javascript - jQuery - 将 1 附加到 jQuery 对象中的所有 ID

Question

这包括嵌套的东西。这可能吗？假设我有一个 jQuery 对象，看起来像

<div id="a">
    <section id="b">
         <nav id="c">
         </nav>
    </section>
</div>

如何让它真正代表

<div id="a1">
    <section id="b1">
         <nav id="c1">
         </nav>
    </section>
</div>

Answer 1

使用attr() jQuery 中的方法，带有回调函数来执行此操作

$('div[id],section[id],nav[id]').attr('id', function() {
  return this.id + '1'
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="a">
  <section id="b">
    <nav id="c">
    </nav>
  </section>
</div>