新卒から文系エンジニア→人材業界に転職した人のブログ

新卒から文系エンジニア→人材業界に転職。技術・スキルがないためブログを通して勉強。その後、IT業界の業界知識が活かせる人材業界へ。異業種×異職種の転職経験有り。

このエントリーをはてなブックマークに追加

【jQuery入門】既に要素があったら、要素を追加しない

【今回の紹介】


簡単なPGですが、

対象の要素がすでにあるなら追加しない

作ったので紹介します。

【内容】

■対象の要素がすでになるなら追加しない


 追加する要素が単一かつIDは固定の要素であったため、
javascriptで要素の判定処理を書きました



 ボタンを押したら新たにボタン要素を追加するという処理の中で、
 すでにボタンが作成されていたらという要素を作らないという
 感じです


■処理内容

 ①ラジオボタンの値を取得

 ②ラジオボタンの値を表示

 ③IDから解説ボタンの要素が作成されているか判定

 ④なければ作成



■参考ソース

var value=$("input:radio[name='raddio']:checked").val();
	alert(value);

		if(getId("ex")==null){var x='<input type="button" value="解説" id="ex" class="exclass">';
		$('#pro1').append(x);
		}
	}

■参考サイト


参考サイト(要素の判定処理がまとめられている)

※余計なソースを通さない分javascriptのみで書いた方が早い場合もある
というのがおもしろい

.hatena-module:nth-of-type(10) { background: transparent; } .hatena-module:nth-of-type(10) .hatena-module-title{ display: none; } .hatena-module:nth-of-type(10) .hatena-module-body { padding: 0; }