问题添加HTML .before .after img与JQuery - JQuery结束标记

好的，所以我试图用JQuery关闭一个img（我知道，我知道...不是我的模板）。发生了什么是--JQuery关闭了我正在添加的标签.before ...我不希望它关闭，直到我加入...之后...我真的在为此付出努力。任何帮助，将不胜感激。我试过.prepend/.append和.wrap ...问题添加HTML .before .after img与JQuery - JQuery结束标记

这里是代码...

$(document).ready(function(){ 
$("img.bottomShadow").each(function(){ 
    var imageWidth = $(this).attr("width"); 
    var width = imageWidth + 10; 
     $(this).before("<span class='image_shadow_container'>"); 
     $(this).after("<img class='noimgbg' alt='' src='images/image_shadow.png' width='" + width + "'></span>"); 
});

}）;

我要的是是这样的：

<span class="image_shadow_container"> 
             <img src="images/fwidth_img_3.jpg" class="image_shadow" alt="" /> 
             <img src="images/image_shadow.png" alt="" width="300" class="noimgbg" /> 

            </span>

我得到的是这样...

<span class="image_shadow_container"></span> 
<img class="bottomShadow" width="160" height="128" alt="" src="images/newsimages/smallben.jpg"> 
<img class="noimgbg" width="170" src="images/image_shadow.png" alt="">

随着跨度被关闭 “早” 的jQuery ...任何想法？

来源

2011-05-11 Ben Williams

你必须.wrap()，不使用.before()，如jQuery的解析和修正未关闭的标签：

$("img.bottomShadow").each(function(){ 
    var imageWidth = $(this).attr("width"); 
    var width = imageWidth + 10; 

    $(this).wrap("<span class='image_shadow_container' />"); 
    $(this).after("<img class='noimgbg' alt='' src='images/image_shadow.png' width='" + width + "'></span>"); 
});

来源

2011-05-11 17:58:24 Blender

首先建立你所有的HTML代码转换成字符串，然后使用jQuery把它。

来源

2011-05-11 17:59:25

问题添加HTML .before .after img与JQuery - JQuery结束标记

回答

相关问题