Question

我有这个HTML：

<div class="container">

    <a class="button" href="#">John Doe</a>
    <a class="button" href="#">Jane Doe</a>
    <a class="button" href="#">Will Smith</a>
    <a class="button" href="#">Bill Smith</a>
    <a class="button" href="#">Tony Danza</a>

</div>
<div class="another-div"></div>

我想将这些a.button分成4组，并使用jQuery将它们包装在div中，我这样做是这样的：

<script type="text/javascript">
jQuery(document).ready(function($) {

  $('.container a.button').slice( 0, 4 ).wrapAll('<div class="wrapper"></div>');
  $('div.wrapper').each(function(){
      $(this).appendTo('.another-div');
  });

  /* Just repeating that again below... */

  $('.container a.button').slice( 0, 4 ).wrapAll('<div class="wrapper"></div>');
  $('div.wrapper').each(function(){
      $(this).appendTo('.another-div');
  });

  /* ...and so on. */

 });
</script>

请注意，在使用.slice()和.wrapAll()之后，将它们向下移动到div.wrapper中，因此最终在原始.container div中没有任何内容。

虽然a.button可能有10或100。有没有一种方法可以重复执行此操作，而不必一遍又一遍地粘贴相同的代码？我是否可以执行某种类型的循环检查是否$('.container a.button')的更多实例？

Answer 1

如下更新您的脚本功能，希望对您有帮助

const Colors = Array.from(xmlDoc.getElementsByTagName('polyline'), pl => pl.getAttribute('style'));

在jQuery中循环相同的一组函数

1 个答案: