セレクタ複数の要素var h_tags = $('h1, h2, h3'); 親子関係にある要素var lis = $('ul>li'); 子孫関係ににある要素var inputs = $('form input); リストになっている要素var first_li = $('li:first'); // リストの最初の要素 var last_li = $('li:last'); // リストの最後の要素 var even_lis = $('li:even'); // リストの偶数番目の要素 var odd_lis = $('li:odd'); // リストの奇数番目の要素 var third_li = $('li:eq(2)); // 添え字で指定する要素(添え字は0スタート) var lis = $('li:contains("ABC")'); // 指定する文字列を持っている要素 親要素var elems = $('div').parent(); // divの子要素も含む 子要素var elems = $('div').children(); 兄弟要素var lis = $('li').siblings() 前の要素var first_li = $('li:eq(1)').prev(); 次の要素var third_li = $('li:eq(1)').next(); ある要素の中だけを対象にするvar div = $('#div1'); var elements = $('.foo', div); もしくは var elements = div.find('.foo'); カスタム疑似セレクターvar arialDivs = []; $("div").each(function(){ var div = $(this); if (div.css("font-family") === "Arial") { arialDivs.push(div); } }); ↓ $.extend($.expr[":"], { hasArialFont: function (element) { return $(element).css("font-family") === "Arial"; } }); $("div:hasArialFont").click(function(){ alert("Element has Arial font"); }); 参考 |
|