0

Sally の下の最初の子だけを選択しようとしています。JavaScript を使用して、車、ボート、バイクを選択し、フォントの色を赤に変更するにはどうすればよいですか?

<script type="text/javascript">
$(document).ready(function() {
    var j = jQuery.noConflict();
    j('#content2 ul li ul').children().css('color', '#ff0000');
});
</script>

<div id="content2">
    <div>
        <div>
            <ul>
                <li>Bob</li>
                <li>Sally
                    <ul>
                        <li>Car</li>
                        <li>Boat</li>
                        <li>Bike
                            <ul>
                                <li>Red</li>
                                <li>Green</li>
                                <li>Blue</li>
                            </ul>
                        </li>
                    </ul>
               </li>
               <li>Larry</li>
               <li>Mo</li>
            </ul>
        </div>
    </div>
</div>
4

1 に答える 1

2

querySelectorAllCSSセレクターに基づいて要素を選択するため、1つの方法は次のようになります。

var elements = document.querySelector('#content2 > div > div > ul > li > ul > li');

ああ、あなたはjQueryを持っています。次に、子孫がデフォルトで一致するため、もう少し具体的にする必要があります。

j('#content2 > div > div > ul > li > ul > li').css('color', 'red');
于 2013-01-08T03:13:56.587 に答える