div内のクラス「main」で最初のリンクを強調表示しようとしています。存在しない場合は、最初のリンクを強調表示します。
すなわち:
<div class="group1">
<a href="product1">product1</a>
<a href="product2" class="main">product2</a>
<a href="product3">product3</a>
</div>
<div class="group2">
<a href="product1">product1</a>
<a href="product2">product2</a>
<a href="product3">product3</a>
</div>
だからgroup1 product2
、ハイライトを取得し、その中group2
になりますproduct1
今、私はそれをこのようにやっています:
obj=$('.group2 a.main').first();
if (obj.length==0) {obj=$('.group2 a').first();}
obj.css('color','red');
しかし、もっとコンパクトな方法があるのではないかと思っていました。
$('.group1 a.main,.group1 a').first().css('color','red')
jqueryが要素をドキュメントの順序で返すため、機能しません。これにより、間違った結果が得られます。