jQueryの質問です｡ <div> <ul> <li>1</li> <li><a>2</a></li> <li>3</li> <li>4</li> <li><a>5</a></li> <li>6</li> </ul> </div> かなり簡略して書きましたが､上の<li>…

人力検索はてな

ﾓﾊﾞｲﾙ版を表示しています｡PC版はこちら

jQueryの質問です｡
<div>
<ul>
<li>1</li>
<li><a>2</a></li>
<li>3</li>
<li>4</li>
<li><a>5</a></li>
<li>6</li>
</ul>
</div>

かなり簡略して書きましたが､上の<li>要素の子要素に<a>要素がある場合とない場合があり､
子要素に<a>要素がない<li>要素の中身のﾃｷｽﾄをwrapInner()で<a>要素でﾗｯﾌﾟしたいのですが
｢子要素に<a>要素がない<li>要素｣の選別がうまくできません｡<li>要素をすべて選択してしまったり､
なかなかうまくいきません｡どなたか助けてください｡

●質問者: jinchangz
●ｶﾃｺﾞﾘ:ｳｪﾌﾞ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

▽1 ● a-kuma3
●100ﾎﾟｲﾝﾄ

ﾍﾞｽﾄｱﾝｻｰ

こんな感じでできました｡

<script>
$(function() {
 $("li:not(:has(a))").wrapInner("<a style='color:red;' />");
});
</script>

<div>
<ul>
<li>1</li>
<li><a>2</a></li>
<li>3</li>
<li>4</li>
<li><a>5</a></li>
<li>6</li>
</ul>
</div>

wrapInner が効いてるのが分かりやすいように､color: red を付けてます｡
動作が確認できたら､適宜､変更してください｡

jsfiddle.net で､確認してみたのがこちらです｡
http://jsfiddle.net/SQ8Hf/

jinchangzさんのｺﾒﾝﾄ
ありがとうございます｡問題なくできました｡