Question

我的代码效果不佳。我想在div id =“wrap_all”和他的孩子们周围创建边框使用warpAll（）。是否可以与$("#wrap_all").wrapAll("<div></div>");一起使用如果是，我不知道该怎么做。我也不知道如何在id="xxx"内加入("<div id="xxx"></div>") 命令操纵id为xxx的新div来制作

$(#'xxx')..css("border", "3px double red");

关于考试的链接：http://jsfiddle.net/centerwow/9TPtn/27/ 感谢。

代码html：

<div  class="foo">a</div>
<div class="foo">b</div>
<div class="foo">c</div>
<div id="foo" class="foo">d</div>
 <div id ="wrap_all">
  <div class="foo">r</div>
  <div class="foo">f</div>
  <div class="foo">g</div>
 </div>
<div class="foo">h</div>
<span></span>

为考试提供链接。

jquery代码：

var modWidth = 50;
$('#wrap_all').hover(function() {
    $(this).warpAll()
    $(this).css("background", "green");
    $(this).css("border", "3px double red");
    $(this).width(modWidth);


}, function() {
        $(this).css("background", "#cac");
         $(this).width(40);
    });

Answer 1

不确定这是否是问题，但您发布的代码是

$(this).warpAll()

而不是

$(this).wrapAll();

（注意更正的“换行”拼写和添加的分号。）

使用wrapAll在div和他的孩子周围创建边框

1 个答案: