javascript - 使用自定义 div 框架制作选择框

Question

我想做一个“大”选择框，

    <ul>
        <li>
        <div class="sbox">
            <img src=img/typeA.jpg></img><br/>
            <span>Item X</span>
        </div>
        </li>

        <li>
        <div class="sbox">
            <img src=img/typeA.jpg></img><br/>
            <span>Item X</span>
        </div>
        </li>

        <li>
        <div class="sbox">
            <img src=img/typeA.jpg></img><br/>
            <span>Item X</span>
        </div>
        </li>
    </ul>

当你点击每个“里”时，你就做出了选择，我会改变它的边框颜色。

但是怎么办呢？这不是一个“”标签，你能点击它吗？

谢谢!

Answer 1

$("li div").click(function (e) {
 $(this).css("border-color","red");
});