Question

另一天，另一个问题。我有类似的东西：

<p class="checkbox">
   <input name="cgv" id="cgv" value="1" type="checkbox">
   <label for="cgv">Some text.</label>
</p>

使用jquery我想将此代码更改为：

<p class="checkbox">
   <div class="checker" id="uniform-cgv">
      <span>
         <input name="cgv" id="cgv" value="1" type="checkbox">
      </span>
   </div>
   <label for="cgv">Some text.</label>
</p>

因此，输入元素#cgv在span和div元素中。我希望通过此代码执行此操作，但没有任何结果。

$('#submitGuestAccount').click(function () {
        //True if parent is <p> element
        if ($('#cgv').parent().hasClass('checkbox')) {
            $('<span>').insertBefor('#cgv');
            $('</span>').insertAfter('#cgv');

        }
    });

有人可以帮我解决问题吗？

亲切的问候

Answer 1

jQuery API已有详细记录：http://api.jquery.com/wrap/。

$("#cgv").wrap(
  "<div class=\"checker\" id=\"uniform-cgv\"><span></span></div>"
);

div{border:10px solid red}
span{border:10px solid blue}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p class="checkbox">
   <input name="cgv" id="cgv" value="1" type="checkbox">
   <label for="cgv">Some text.</label>
</p>

如何使用jquery在另一个html元素周围添加html元素

1 个答案: