jquery - jqueryで最初のものを除くすべてのaを非表示にします

Question

重複の可能性:
jQuery - 最初の要素を除くすべての要素を非表示

HTMLコード：

<div class="productimg"><a href="">test</a><a href="">tow</a><a href="">three</a></div>
<div class="productimg"><a href="">test</a><a href="">hide</a><a href="">show</a></div>
................

今、私はページを開いたときaにそれぞれの最初のものだけを表示したい. productimg私は次のコードを使用しています。ただし、最初の画像を除くすべての画像を非表示にします。

$('.productimg a').hide()
$('.productimg a:eq(0)').show();

Answer 1

gt最初の要素以外のすべてを非表示にするために使用します

 $('.productimg').each(function(){
    $(this).find('a:gt(0)').hide();
});

デモ

Answer 2

これを試して、

ライブデモ

$('.productimg').each(function(){
    $(this).children().not(':first').hide();     
});​

Answer 3

$('.productimg a').each(function(){
   $(this).hide().filter(":first-child").show();
});

</p>

Answer 4

HTML コードが次のようになっているとします。

<div id="divID">
    <div class="productimg">
        <a href="">test</a> | <a href="">tow</a> | <a href="">three</a></div>
    <div class="productimg">
        <a href="">test</a> | <a href="">hide</a> | <a href="">show</a></div>
</div>

これを試して、

$("#divID").find("div").each(function () {
            $(this).find('a').hide().eq(0).show();
        });

それが動作します..

（また）

CSSを使用する手段が必要な場合は、次のように実現できます。

.productimg a:not(:first-child)
    {
        display:none;            
    }