ある特定の子要素を持たない親要素を指定するjQueryセレクタ - Web学び
2012年 2月 3日 宮崎のWebクリエイター福山です。人前ではかっこいい肩書きが使えないので「ホームページ制作をやっています」と言っています。 Web技術系の情報は共有すべき、検索して出にくい情報はなおさら共有すべきということで一行ほどコード書きます。
いろんなセレクタ指定方法＋α
ずいぶん以前にセレクタについて書いたのですが、今回はセレクタの種類を抜粋して、記述例と説明書きにまとめてました。「セレクタとは？」という方は、まず下記記事を読んでみて下さい。 jQueryを使ってみよう。(基本編 セレクタ１) ＋αというのはトラバース(走査)系のメソッドです。「この要素を抜き出したい！」と思ったときにセレクタだけでは抜き出しにくい場合があります。そういうときにトラバース(走査)系のメソッドを使うと、簡単にできたりするので覚えておくと便利なものです。 「こういう書き方をすると、こういう要素が選択される」という例で説明を添えていますが、数が多いので説明書きは、ほんとうに添えた程度です。説明だけではわかりにくいと思うので動作サンプルを用意しました。動作サンプルを眺めながら、ちらっと説明書きをチェックしてもらえれば「なるほど！」となるはず。。。ご利用ください。 jQuery セレ
第3回 トラバーシング編
連載目次 ある要素から最も近い親要素を取得するには、closestメソッドを使います。引数expにセレクタ式を指定した場合には、セレクタ式に合致するもので最も近い親要素が返されます。closestメソッドは、イベント操作の局面でよく使われます。 具体的な例を見てみましょう。以下は、テーブルのセルをクリックしたタイミングで、該当する行の著者名をダイアログボックスに表示する例です。 <script type="text/javascript"> $(function() { // <td>要素クリック時の挙動を定義 $('td').click( function() { window.alert( $(this). closest('tr'). // <td>要素直上の<tr>要素を取得 children('td:eq(1)'). // 配下から2番目の<td>要素を取得 text() //
Regex Selector for jQuery - James Padolsey
A while ago I published an article explaining the utter awesomeness of extending jQuery’s filter selectors. Building on that here’s something new; a regular expression selector. jQuery’s current attribute selectors (CSS3) do allow basic regex notation but no where near as much as this: :regex jQuery.expr[':'].regex = function(elem, index, match) { var matchParams = match[3].split(','), validLabels
10 Really Helpful Traversing Functions in jQuery | Envato Tuts+
With jQuery, selecting HTML elements is laughably easy. But at times, we may wish to further refine the selection, which can be a hassle when the HTML structure is complicated. In this tutorial, we'll explore ten ways that we can refine and extend a set of wrapped elements that we wish to operate upon. The HTML First of all, let's take a look at the simple webpage shown in the figure below. We'll
jQuery :: セレクタを使いこなす10のTraversing機能 :: ウェブデザイナーの日記
Nettuts+にセレクタを使いこなすための10のTraversingワザってのが載ってました↓ 10 Really Helpful Traversing Functions in jQuery レビューサイト等でよく使われるレーティングのガジェット、ユーザーがクリックするとスターマークが点いたり消えたりするヤツですね、あれを例題にして、jQueryのセレクタの機能についてチュートリアルしています。記事を読んだだけだとフーンってなかんじで忘れちゃいそうなので、例題サンプルの意味を日本語で書き出してみました。 元記事の方では、わかりやすい図版といっしょに解説されています。英語苦手な方はそっちの絵を見ながら読んだらいいかもです。 紹介されているものの中には「知ってるけどいままであまり使ってなかったもの」ってのがいくつかあって勉強になりました。jQueryのセレクタはむずかしいパズルみたいですよ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
現在の要素から指定したセレクター書式の親要素が見つかるまで探す - purazumakoiの[はてなブログ]
softuses.com
jQuery form selectors example - Mkyong.com