Question

I want to make a “big” selection box ,

    <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>

When you lick on each “li” , you make a selection , and I will change the border color of it.

But how ? It’s not a “” tags , can can you click on that ?

Thanks !

Answer 1

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