select element by css

Question

У меня есть много строк на моей странице, сгенерированных из базы данных с PHP. Каждая строка находится в DIV. Я бы хотел «выбрать» строку, щелкнув по ней. «Выбрать» означает изменение css для него. Какой самый простой способ сделать это?

Answer 1

умнее способ заключается в использовании JS рамки, как 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"></script> 
<!-- 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> 

Answer 2

Вы можете сделать только событие onclick и изменить класс css;

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