select element by css

Question

I have many lines on my page generated from database with PHP. Each line is in DIV. I'd like to "select" a line by clicking on it. "Select" means change css for it. What is the easiest way to do it?

Answer 1

You could do just a onclick event and change the css class;

<div class="yourCss" onclick="this.className='clickedCss';">content</div>

Answer 2

smarter way is to use js frameworks, like jQuery:

<div id="alldivs">
    <div>...</div>
    <div>...</div>
    <div>...</div>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"&gt;&lt;/script&gt;
<!-- you don't need to download anything, just add this line ;-) -->
<script>
    $(function(){
        $("#alldivs  div").click(function(){
             $("#alldivs  div").removeClass('clickedCss');
             $(this).addClass('clickedCss');
        });
    });
</script>