くわこのpermission denied.

WEBエンジニアの僕がぶつかった技術的な問題や発見のメモ

jQuery

jQueryで親要素取得

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

jQueryで配列の中に任意の値があるか調べたい

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

jQueryでチェックボックスのチェック済みの値のみを取得

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

jqueryのattrでdata属性を書き換えない方がいいっぽい。

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

【jQuery】jQueryで動的に生成したcheckboxのイベントを拾う

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

【ajax】ajaxで生成された部分にclickなどのイベントを当てる方法

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

【jQuery】オブジェクトのマージ

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

liveでsubmitをajaxするとpreventdefault()しなくてもいい?

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

javascriptで ;(functionという始まり方がある?

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

jQueryでiframe内の要素にアクセスする方法

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

【HTML5】contenteditableでできること、できないこと【jQuery】

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