0

2つのul（リスト）を含む「slide_down_div」という名前のdivがあるとします。そして、私は次の選択をしたいと思います：

  1. $('#slide_down_div ul:eq(0)'); そして2番目のもの。
  2. $('#slide_down_div ul:eq(1)'); これであなたの助けが欲しい

さて、2番目のステートメントでは、さらに1番目と5番目のli（リストアイテム）を選択して、それらにスタイルを適用したいと思います...方法はありますか？提案してください。

さらに、上記の2つのjqueryステートメントを1つにマージできるかどうか教えてください。

<ul>
    <li><img src='images/WindowsLogo.png'/>Windows</li>
    <li><img src='images/OfficeLogo.png'/>Office</li>
    <li><img src='images/OfficeLogo.png'/>Xbox</li>
    <li><img src='images/PhoneLogo.png'/>Windows Phone</li> 
    <li><img src='images/IELogo.png'/>Internet Explorer</li>
    <li><img src='images/logo_skype.png'/>Skype</li>
</ul>   

<ul>
    <li>For Home</li>
    <li>Security Essentials</li>
    <li>Microsoft Update</li>
    <li>PC Hardware</li>
    <li>PC Gaming</li>
    <li>For Work</li>
    <li>Small &amp; Medium Businesses</li>
    <li>IT Specialist Locator</li>
    <li>Enterprise</li>
    <li>Server &amp; Tools</li>
</ul>
4

3 に答える 3

1 
var $first = $('#slide_down_div ul:first'); 
var $second = $('#slide_down_div ul:eq(1)');
$second.find('li:eq(0), li:eq(4)').foo()


var $both = $('#slide_down_div').find('ul:first, ul:eq(1)')

デモ

:lt()セレクタ：

var $both = $('#slide_down_div ul:lt(2)')

デモ

于 2012-08-11T12:49:49.020 に答える
0

<li/>すべての最初と最後に CSS クラスを追加し<ul/>ますか?

<div id="slide_down_div">
    <ul class="test">
        ...
    </ul>
    <ul class="test">
        ...
    </ul>
</div>
<script type="text/javascript">
    $(document).ready(function () {
        $('#slide_down_div').find('ul.test').each(function () {
            $(this).find('li:eq(0), li:eq(4)').addClass('TestClass');
            //Or
            $(this).find('li:first, li:last').addClass('TestClass');
        });
    });
</script>
于 2012-08-11T12:57:00.600 に答える
0

最初の 2 つの最初のli要素を取得しulます。

var first = $("#slide_down_div ul:eq(0) li:lt(2)")​​​​​​​​​​​​​​​​​;

2 番目の 1 番目と 5 番目liの要素を取得しulます。

var second = $("li:eq(0), li:eq(4)", "#slide_down_div ul:eq(1)");

両方を結合して 1 つのセレクターにする

var both = first.add(second);

フィドル

于 2012-08-11T12:59:51.793 に答える