Question

我是这些divs

<div class="content">
<div class="rpost">-115</div>
<div class="lpost">-91</div>
<div class="lpost">-99</div>
<div class="rpost">-181</div>
<div class="lpost">-19</div>
<div class="rpost">-135</div>
<div class="rpost">-85</div>
<div class="lpost">-39</div>
</div>

我想要div的顺序，将lpost包装在一个名为left_columns的div中，并将rpost包含在div right_columns中。

 <div class="left_columns">
    <div class="lpost">-91</div>
    <div class="lpost">-99</div>
    <div class="lpost">-19</div>
    <div class="rpost">-85</div>
 </div>
 <div class="right_columns">
    <div class="rpost">-115</div>
    <div class="rpost">-181</div>
    <div class="rpost">-135</div>
    <div class="rpost">-85</div>
 </div>

可以使用砌体或同位素和无限滚动吗？

Answer 1

您应该在此使用class代替id，然后您可以使用wrapAll

$('.content').each(function() {
  $(this).find(".lpost").wrapAll('<div class="left_columns"></div>')
  $(this).find(".rpost").wrapAll('<div class="right_columns"></div>')
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="content">
  <div class="rpost">-115</div>
  <div class="lpost">-91</div>
  <div class="lpost">-99</div>
  <div class="rpost">-181</div>
  <div class="lpost">-19</div>
  <div class="rpost">-135</div>
  <div class="rpost">-85</div>
  <div class="lpost">-39</div>
</div>

用两个不同的列包装一些div

1 个答案: