在div

Question

我有三个部分元素，如下所示：

<section class="rbs-section" id="rbi_S_12466479" name="world1">
<p>Hello World1</p>
</section>

<section class="rbs-section" id="rbi_S_12466477" name="world2">
<p>Hello World2</p>
</section>

<section class="rbs-section" id="rbi_S_12466478" name="world3">
<p>Hello World3</p>
</section>

我试图让他们成为像这样的div：

<div class="world">
    <section class="rbs-section" id="rbi_S_12466479" name="world1">
    <p>Hello World1</p>
    </section>
</div>
<div class="world">
    <section class="rbs-section" id="rbi_S_12466477" name="world2">
    <p>Hello World2</p>
    </section>
</div>
<div class="world">
    <section class="rbs-section" id="rbi_S_12466478" name="world3">
    <p>Hello World3</p>
    </section>
</div>

如何创建div然后将这些部分移动到这些div？实现这一目标的最简单方法是什么？请告诉我。

干杯。

Answer 1

尝试在此上下文中使用.wrap()来简化您的工作，

$(document).ready(function(){

    $("input[type='checkbox']").on("change", function(){
        console.log($(this).attr("id"));
        if($(this).is(":checked")){
            console.log("checked");
        }
        else{
            console.log("not checked");
            }
        });

    $("input[type='number']").on("change", function(){
        console.log($(this).attr("id"));
        });

    });

DEMO