N番目の要素を操作するjQueryメソッド

jQuery は、HTML と JavaScript 間の操作を簡素化するクロスブラウザー JavaScript ライブラリです。最初のバージョンは、2006 年 1 月に BarCamp NYC で John Resig によってリリースされました。現在、Dave Methvin が率いる開発チームによって開発されています。世界で最もアクセスされている上位 10,000 の Web サイトのうち、59% が現在最も人気のある JavaScript ライブラリである jQuery を使用しています。この記事では、jQuery が同じ要素グループの N 番目の要素をどのように操作するかというちょっとしたトリックを説明します。

例:

class="phpernote" の下に 3 つの ul があります。次に、各 ul の下の 5 番目の li 要素に class="com" を追加します。

特定の jQuery コード:

 $(".phpernote ul li:nth-child(5)").addClass("com");

が正常に追加されました。各 ul の下の 5 番目の li にクラス com を追加します

もちろん、CSS コードを直接追加することもできます:

$(".phpernote ul li:nth-child(5)").css({"padding-right":"5px"});

nth-child: 英語の略語、n-th、数値 1、2、3 を示します。単語はそれぞれ first、2nd、および third であり、4 から始まる単語は、4th、5th、6​​th などの数字 + th です。

ul

$("ul li:first-child")

の下の最初の li を取得します

ul

$("ul li:last-child")

の下の最後の li を取得します

上記は、jquery が同じ要素グループの N 番目の要素を操作する方法の説明です。皆さんの参考になれば幸いです。

関連する推奨事項:

jQuery操作のULスキルの概要

jQuery操作要素CSSスタイルの3つのメソッドの詳細説明

高度なWeb jQuery操作DOM要素&&MySQLレコード操作&&PHPオブジェクト指向学習ノート

以上がN番目の要素を操作するjQueryメソッドの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。