lisz-works

技術系だけど関係ないこと多い系ブログ

jQuery name等から要素を取得して操作する方法

【スポンサーリンク】

jQuery ロゴ

jQueryでWebページを操作しようとしたとき、classやidが設定されてないせいで、そこから要素が取得できないことありませんか?

そんなとき属性からその要素を取得して、操作する方法です。

やりかた

例えば

<input type="text" name="input-form">

のようなhtmlの要素を取得して、操作したい場合

$('input[name="input-form"]').val("セットする文字");

とすると、inputフォームのテキストボックスの中に、「セットする文字」が入力されます。

タグ[属性=“値”]

を指定することで、対象要素を指定できます。

参考サイト

コチラを参考にしました。

www.buildinsider.net

あとがき

JQueryで設定するとき、いつもclassやidを使っているので、このようなときいつも困っていました。

これで色々楽になりそうです……