简单的javascript路径问题

Question

I'm trying to nest some thumbnails within a drop menu that will appear in a different area of the page when activated. When I do, the JavaScript does not function properly.

$(document).ready(function(){

    $("h4").append('<em></em>')

    $(".thumbs a").click(function(){

        var largePath = $(this).attr("href");
        var largeAlt = $(this).attr("title");

        $("#largeImg").attr({ src: largePath, alt: largeAlt });

        $("h4 em").html(" (" + largeAlt + ")"); return false;
    });

});

The working markup:

<section class="group1">
             <h3>Print</h3>

                    <p class="thumbs">

                        <a class="clip" href="img/pen.png" title="awesome"><img src="images/picture1.jpg" /></a>
                        <a class="clip" href="img/pen.png" title="awesome"><img src="images/picture1.jpg" /></a>
                        <a class="clip" href="img/pen.png" title="awesome"><img src="images/picture1.jpg" /></a>
                        <a class="clip" href="img/pen.png" title="awesome"><img src="images/picture1.jpg" /></a>
                        <a class="clip" href="img/pen.png" title="awesome"><img src="images/picture1.jpg" /></a>
                        <a class="clip" href="img/pen.png" title="awesome"><img src="images/picture1.jpg" /></a>
                        <a class="clip" href="img/pen.png" title="awesome"><img src="images/picture1.jpg" /></a>
                        <a class="clip" href="img/pen.png" title="awesome"><img src="images/picture1.jpg" /></a>
                        <a class="clip" href="img/pen.png" title="awesome"><img src="images/picture1.jpg" /></a>
                    </p>

           </section>

Not working in nested <li> :

<ul id="expandmenu">

                            <li>Digital

                                <ol>
                                    <p class="thumbs">

                                    <li><a class="clip" href="img/pen.png" title="awesome"><img src="images/picture1.jpg" /></a></li>
                                    <li><a target="iframe2" href="Change font color rainbow.htm">Rainbow Fonts</a></li>
                                    <li><a target="iframe2" href="Cookies_ShowUserName.htm">ShowUserName</a></li>

                                    </p>

                                </ol>

                            </li>

                        </ul>

Answer 1

大概是因为HTML标记是无效的-你不能有一个p一内标签ol标签。