Setting a basic selected state on an element
Is this the best way to handle setting a selected state on a specific item in a list? Or is there a cleaner method I'm overlooking? Thanks!
<ul class="parentElement">
<li class="childElement selected">Child1</li>
<li class="childElement">Child2</li>
<li class="childElement">Child3</li>
</ul>
$(".childElement").click(function () {
var itemNum = $(this).index();
$(".parentElement").children().removeClass("selected");
$(".childElement").eq(itemNum).addClass("selected");
});