【jQuery】idやclass、placeholder等要素名を設定

概要

プラグイン等を使用していると、html側から編集できなかったりします。
そんなときにこれで外部から属性を設定できます。

説明

$(“div.[divのクラス名] [タグ名]”).attr(‘id’,'[付けたいid名]’);

divにclass、pにidを設定する場合。

これでhtmlでいうと以下のような状態になります。

最初と最後だけ設定する

pタグが複数並んでいますが、最初だけ、最後だけに設定したい場合は以下のように書きます。

要素番号を指定してクラスを設定する

最初や最後ではなく、2番目だけなんて時には以下のように書きます。
番号は0から始まるので、2番目の場合は”1″となります。

奇数や偶数にだけ設定する

奇数には”odd”、偶数には”even”セレクタを使用します。

連番で追加する

“test_p01″、”test_p02″、”test_p03″…
と、連番で追加したいときにはeachを使用します。

直下の要素にだけ追加する

以下のように子要素がある場合。

親要素のpタグにしか適用させたくないな…
というときに、#test_div直下のpタグと指定します。

これで以下のように親要素#test_div直下のpタグにしか適用されません。

補足

ではなく、

のようにも書けますが、個人的には前者の方が分かりやすいと思っているので、
そちらを使用しています。

You may also like

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です