javascript - 使用 jquery 将 img 包裹在 div 中

Question

这是我的基本代码

<div class="galleria-image">
    <div class="galleria-layer">
    </div>
</div>
<div class="galleria-image">
    <div class="galleria-layer">
    </div>

    <img src="blah">
</div>

我想使用 jQuery 将我的元素包装在一个新元素中，使其看起来像这样:

<div class="galleria-image">
    <div class="galleria-layer">
    </div>
</div>
<div class="galleria-image">
    <div class="galleria-layer">
    </div>

    <span class="zoom" id="ex1">
        <img src="blah">
    </span>
</div>

我尝试了一些 jQuery 方法，但我无法得到正确的结果。例如:

$('.galleria-image > img').wrap('<span class="zoom" id="ex1"></span>');

知道我应该做什么吗？

Answer 1

你不需要关闭 </span>

你的选择器也是错误的(>)只得到第一个 child .. 看到这个 fiddle ..

http://jsfiddle.net/jFIT/6h8Xw/

$(document).ready(function(){
  alert( $('.galleria-image img').length > 0 ? "exists" : "not exists" );
  $('.galleria-image img').wrap('<span class="zoom" id="ex1">');
});