jQueryの:notとwrapInner()の組み合わせが変

2010年4月 1日

jQueryの :not と wrapInner() の組み合わせがうまく動かないっぽい。ねむい。

$(".hentry li:not(p)").wrapInner('<p>'); というスクリプトを書くと、結果は以下のようになるはず。

HTMLソース:

<li>テキスト</li>

ブラウザ表示:

<li><p>テキスト</p></li>

HTMLソース:

<li><p>テキスト</p></li>

ブラウザ表示:

<li><p>テキスト</p></li> ※HTMLソースそのまま。

なのに、実際の結果はこう。

HTMLソース:

<li>テキスト</li>

ブラウザ表示:

<li><p>テキスト</p></li>

HTMLソース:

<li><p>テキスト</p></li>

ブラウザ表示:

<li><p><p>テキスト</p></p></li>

wrapInner() 以外だと、たとえば css("font-weight", "bold") だと意図通りの結果になる。

......なぜ。ねむい。