できれば、a-kuma3さんにおたずねしたいのですが。
以前に、記事の文字数の表示方法を教えていただいたのですが、http://q.hatena.ne.jp/1449306414
これを、ライブドアのほうでも使いたいと思ったら、なぜか、できません。
どうしてなのか、わからないのですが、以下のコードでやってみてできませんでした。
<script>
$(function() {
$("body.page-article div.article-body-inner").each(function() {
$("body.page-article header.article-header", this.parentNode).prepend(
$("<SPAN />").text("(文字数:" + this.textContent.length + ")")
);
});
});
</script>
変えたところは、セレクタ名と、appendをprependにしただけなのですが、どこがいけないのか、わかりません。
以前のコードは、はてなブログでしか、使えないのでしょうか。
図々しいのですが、ヒントだけでもいただけると、ありがたいのですが。
なお、ライブドアでは、ホワイトプレスというデザインを使っています。
よろしくお願いいたします。
記事一覧みたいなページで、記事ごとの文字数を表示する、でしたっけ。
こんな感じで行けると思います。
$(function() {
$("body.page-index div.article-body-inner").each(function() {
$("header.article-header", this.parentNode.parentNode).prepend(
$("<SPAN class='kuma'/>").text("(文字数:" + this.textContent.length + ")")
);
});
});
質問のコードから、3ヶ所変えました。
- 記事を指すセレクタは、body.page-article じゃなくて、body.page-index
- ヘッダを指すセレクタは、header.article-header のみ
- ヘッダを探す起点は、this.parentNode じゃなくて、this.parentNode.parentNode
適当に拾ったライブドアブログで確認してみました(自分では ID 持ってないです)。