Q&A
タグだけを削除することはできますか？
jqueryでやりたいのですが、無理そうならphpでも構いません。
html
1<body> 2<div class="target">りんご</div> 3<div class="target">いちご</div> 4<div>みかん</div> 5</body>
body内をクリックしたとき、targetクラスのタグだけを削除したい
//こうしたい
html
1<body> 2りんご 3いちご 4<div>みかん</div> 5</body>
よろしくお願いします
回答3件
0
JavaScript
1$( 'body' ).click( function() { 2 $( '.target' ).each( function() { 3 $( this ).after( $( this ).html() ).remove(); 4 } ); 5} ); 6```**動くサンプル：**[https://jsfiddle.net/7vg5x9nf/1/](https://jsfiddle.net/7vg5x9nf/1/)
投稿2016/10/10 16:48
総合スコア69407
0
target内を親要素にコピー、その後targetの要素をremoveでいけるんじゃないでしょうか。
投稿2016/10/10 05:36
総合スコア2722
0
理由はなんでしょうか。
考えられる理由：
1:
条件を満たす場合だけCSSを反映させたい
2:
CSSやJavaScript等のような、HTML以外をすべて排除し、HTMLとテキストだけで構成されたHTMLファイルをダウンロードさせる
1の場合：
「JavaScript class 切り替え」で検索すると、
http://qiita.com/fantm21/items/98dbb8f4388a036ae983
や
http://weble.org/2009/02/17/javascript-2
がヒットしました。
特に 2番目にヒットしたページを見ると、
document.getElementById( ID文字列 ).className = クラス名文字列;
でやればいいようです。
たとえば、
問題 -> 回答 -> 正解なら 青文字, 不正解なら赤文字で答えを表示する場合、
答え表示区域のid を "Kaito" として
RedPen, BluePen クラスをそれぞれ定義。
で、
if( 正解 ){
document.getElementById("kaito").className = "BluePen";
}else{ // 不正解
document.getElementById("kaito").className = "RedPen";
}
をJavaScriptに埋め込む。
あるいは、デフォルトでBluePenにして 条件を満たした場合は RedPen に切り替えるとか。
投稿2016/10/10 05:17
総合スコア4958
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。