0

わかりましたので、基本的にこのリストを持っています。私がやろうとしているのは、toggleClass を使用してリスト内の項目を強調表示することです。

<div class="listbox">
    <ul>
        <li>111</li>
        <li>222</li>
        <li>333</li>
        <li>444</li>
        <li>555</li>
    </ul>
</div>


<script type="text/javascript">
    $('#container .listbox li').click(function() {

        $(this).toggleClass('highlight');

    });
</script>

CSS:

div.listbox ul li{
    background: #eee;
    padding: 15px 20px;
    border-bottom: 1px solid #999;
    border-top: 1px solid #fff;}

頭：

<style type="text/css">
    .highlight{
        background: #aaa;
        padding: 20px 15px;
        border-bottom: 1px solid #fff;
        border-top: 1px solid #999;}
</style>

問題は、.css-doc で css プロパティを指定した場合、新しいクラスでその値を変更できないことです。

スタイル属性の上と下、および以下のようにヘッド領域に配置しようとしました。

クリックすると、js はクラスとすべてを追加しますが、定義済みの値は変更されません。

4

1 に答える 1

2

次のような クラスの特異性を高めてみてください。

div.listbox ul li.highlight {
于 2011-01-11T15:51:57.683 に答える