通过css选择元素答案

【问题标题】：select element by css通过css选择元素
【发布时间】：2009-09-24 08:24:14
【问题描述】：

我的页面上有很多行是使用 PHP 从数据库生成的。每行都在 DIV 中。我想通过单击来“选择”一行。 “选择”意味着为它更改 css。最简单的方法是什么？

【问题讨论】：

【解决方案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>

【讨论】：

这个解决方案是否可以同时选择一行？
我应该在每个 line-div 的 onclick="" 中放置什么？
它不起作用。正如你所说，我有它：

...

...

两个脚本部分我都放在了 html 头部区域。
哦，对不起。我忘了 :) 不是 onClick(function() ...，而是 click(function()...)。
我推荐你学习jQuery框架，它非常好用，简单，智能，漂亮

【解决方案2】：

您可以只做一个 onclick 事件并更改 css 类；

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

【讨论】：

太棒了！但是如果我只需要一个选定的行怎么办？是否可以在“未选择”类上设置所有行？
@eugenA 试试我的代码。 toggleCss 如果存在则删除类，如果不存在则添加