1

私はこのコードを持っています

        <ul>
            <li><a href="index.php">Web Development</a></li>
                <span data-landing_count="1">
                    <li class="subli"><a href="1.html">E-shop</a></li>
                    <li class="subli"><a href="2.html">Prezentations</a></li>
                    <li class="subli"><a href="3.html">Custom CMS</a></li>
                    <li class="subli"><a href="4.html">WordPress & Joomla!</a></li>
                    <li class="subli"><a href="5.html">Web apps</a></li>
                    <li class="subli lastsl"><a href="index-b.html">Design</a></li>
                </span>
            <li><a href="6.html">E-courses</a></li>
                <span data-landing_count="2">
                    <li class="subli"><a href="7.html">Design & Graphics</a></li>
                    <li class="subli lastsl"><a href="8.html">Web Development</a></li>
                </span>
            <li><a href="9.html">SEO</a></li>
                <span data-landing_count="3">
                    <li class="subli"><a href="91.html">On-page SEO</a></li>
                    <li class="subli"><a href="92.html">W3C validation</a></li>
                    <li class="subli"><a href="93.html">Linking</a></li>
                    <li class="subli lastsl"><a href="94.html"><img src="img/star.png" alt="star" width="12" class="star">Copywriting</a></li>
                </span>
            <li data-landing_count="4"><a href="95.html">Web hosting</a></li>
            <li data-landing_count="5"><a href="96.html"><img src="img/star.png" alt="star" width="12" class="star">Pricing</a></li>
            <li data-landing_count="6"><a href="97.html">Contact us</a></li>
        </ul>

3 つのスパンがあり、最初のスパンを .first() で、最後のスパンを .last() でターゲットにできるようになりました。しかし、どうすれば中間のものをターゲットにできますか?

返信ありがとう

4

4 に答える 4

6

あなたが使用することができます：

$('span').eq(1);

eq()メソッドまたはセレクターを使用する:

$('span:eq(1)');

または：

$('span').slice(1,-1);

ただし、HTML は無効であることに注意してください。要素をラップできる唯一liの要素は aulまたは anolです。

参考文献:

于 2012-07-11T10:26:06.417 に答える
2 
$('ul span').not(':first,:last');

jsFiddle デモ

HTML が完全に壊れていることに注意してください。最初にHTML を学習する必要があります。なぜなら、これは不可解な問題や反対票を投じられた StackOverflow の質問につながるだけだからです。

liulはまたはの子にしかなれませんol。また、ulandolはlis のみを子として持つことができます。spanあなたがやっている方法で s を HTML に配置することはできません。

于 2012-07-11T10:26:36.603 に答える
0

次の方法で修正できます。

.eq(1)

それはうまくいくはずです。

また、すべての要素を取得したい場合はfor、2 番目の要素から終了前の要素まで反復するときに使用できます。

于 2012-07-11T10:25:49.787 に答える
0

まず、あなたの HTML はBADです。<span>タグの間にタグを入れないでください<li>。惨敗に終わるしかない。

次に、さまざまなスタイルを提供するためにこれらをターゲットにしていますか? もしそうなら、css:first-childと:last-childセレクターを利用してみませんか。そうすれば、その間ではなく、最初と最後にスタイルを設定できます。

于 2012-07-11T10:27:10.097 に答える