jQueryで親要素取得のまとめ。satohmsys.infoこの記事によくまとまってますが .parent("div")は一個上の階層のdiv要素 .parents("div")はそこから上の全div要素 .closest("div")は直近のdiv要素 を取得してくれる。

jQueryで「この配列の中に10があるのだろうか」というとき用のメモがてら。 if ($.inArray(value, result_list) !== -1) { // valueがresult_listに入っていたときの処理 } else { // valueがresult_listに入っていなかったときの処理 } inArray()は第二引数…

jQueryでチェックボックスのチェック済みの値を取得する方法また自分でも再利用しそうなのでメモがてら。 var chkbox_list = []; $.each($('name="chkbox[]":checked'), function(index, chkbox) { chkbox_list.push(chkbox.value); }); これでchkbox_listに…

小一時間無駄にしたので怒りのシェア。 $("#hoge").attr(data-text, 'page'); しても これで書き換えできたのですが、実はjQueryで扱うjQuery.attr()メソッドではjQueryオブジェクト上は書き換えできていません。再度、取得しても、取得できる結果は書き換え…

【jQuery】jQueryで動的に生成したcheckboxのイベントを拾う 動的に生成したcheckboxのイベント拾えなくて泣いてたら jQueryで動的に生成される要素に対するイベントの設定方法 jQueryで動的に生成される要素に対するイベントの設定方法 | klogこの記事見つ…

ajaxで生成された部分に対して、普通のclickイベントなどではイベントを効かせることはできません。 例えば何かしらの事情でajaxで...という要素を生成したとして、普通に $('#test').click(function{...}); と書いてもclickイベントは検知されません。 ajax…

jsでオブジェクトをマージする方法ないのかなと思ったら、jQueryで便利な関数を見つけたので共有。 $.extend(obj1, obj2); で後方のobj2が優先されてマージされます。ちなみに $.extend(obj1, obj2, obj3, obj4); みたいなのでもできるらしいです。

未だにjQuery1.8.1使っててすみません。まだよくjQueryとか分かってないんだなーと思ったのでメモ。 タイトルにもある通り、ajaxを使っていろいろしたくてformでsubmitしたときってそのイベントをjQueryの方で察知してevent.preventdefault()でキャンセルし…

オープンソースのSCeditorのソースを読んでいたら、一番最初が ;(function(){ といった始まり方をしていてよくわからなかった。 詳しい友達に聞いてみたところ、 「匿名関数を作って呼び出してるだけだよー function f($, window, document) { ... } f(jQuer…

jQueryからiframe内の要素にアクセスする方法がないか調べたのでメモ。 例えばiframe内のtargetクラスの中身を取得したい場合、 $('#iframe').contents().find('.target').html() 的な書き方でできる模様。 参考ページ： contents() - jQuery 日本語リファレ…

html5から正式にcontenteditableが使われるようになりましたね。 contenteditableとはtextareaではないwebページ上でも文字の編集などができる機能です。 HTML5/グローバル属性/contenteditable属性 要素内容が編集可能かどうかを指定する - TAG index Webサ…