1
<div class="article_content">
</div>
<div class="article_content">
</div>
<div class="article_content">
</div>
<div class="article_content">
</div>

上記のようなhtmlがあったとして、article_contentのクラスが付いているdivタグの数をカウントして、
その半分の数のところ(仮に11だとしたら、6)に<!--コメントアウト-->を挿入したいのですが、どのようにすれば実現できますでしょうか。

詳しい方、ご教示頂けますと、幸いです。

宜しくお願い致します。

上記の結果だと以下になります。

<div class="article_content">
</div>
<div class="article_content">
</div>
<!--コメントアウト-->
<div class="article_content">
</div>
<div class="article_content">
</div>
2
  • 1
    phpとjavascriptがタグに入っているのですが、どの言語に対しての話でしょうか?PHPで出力前に挿入するのか、出力後にJavaScriptで挿入するのかどちらでしょう?
    – user10259
    Commented 2016年12月16日 7:49
  • JavaScriptの回答が既にあり、それでOKのようですので、PHPタグは削除しました。
    – mjy
    Commented 2016年12月22日 9:37

1 件の回答 1

1

javascript で以下のような感じ

var divs = document.getElementsByClassName("article_content");//ノードリスト
var len = divs.length;//要素数
if(len % 2)
    ++len;//奇数の時+1
len /= 2;//0オリジン
var commentNode = document.createComment("コメントアウト");//コメントノードを作る
document.body.insertBefore(commentNode, divs[len]);//指定するエレメントの前に挿入。document.body は、この場合の親要素。

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。