javascript - 程序不会包装两个以上的图像

Question

我需要这个简短的 jquery 程序的帮助。我无法让它在同一行中包含两个以上的图像。我想让这个网站横向滚动，我认为这是最简单的方法，但现在我被难住了。

这是 jsfiddle:http://jsfiddle.net/nP3VJ/

$(function(){
   $(".gallery").wrapInner("<table cellspacing='30'><tr>");
   $("#image").wrap("<td></td>");
});

非常感谢任何帮助。

Answer 1

你的问题

为多个对象分配相同的id。

解决方案

为它们分配相同的 class 而不是相同的 id。

这就是为什么它不起作用。

看看这里: DEMO

因此，您的代码将:

HTML(只是一部分)

<div class="wrapper">
    <section class="gallery">
        <article class="image">
            <img src="images/front.gif"/>
        </article>
        <article class="image">
            <img src="images/back.gif"/>
        </article>
        <article class="image">
            <img src="images/www.gif"/>
        </article>
    </section>
</div>

JS

$(function(){
     $(".gallery").wrapInner("<table cellspacing='30'><tr>");
     $(".image").wrap("<td></td>");
});

在您的网络检查器中检查 DOM，它会显示由 td

包裹的图像