jquery親要素の判定

Question

imgタグの親要素がaタグじゃなかったら<span>で囲うといった指定はjQueryでは可能なのでしょうか？
ご回答よろしくお願いいたします。
###変更前

<div>
	<ul>
		<li><a href=""><img src=""></a></li>
		<li><img src=""></li>
	</ul>
</div>

###変更後

<div>
	<ul>
		<li><a href=""><img src=""></a></li>
		<li><span><img src=""></span></li>
	</ul>
</div>

Answer 1

:notセレクタで抽出できます。

$('*:not(a)>img').wrap('<span></span>')

セレクタは「a以外の任意のタグの子要素となっているimgタグ」という意味です。

Comments

[yambejp]

そういやwrapありましたね

Answer 2

$(function(){
  $('img').filter(function(){
    return $(this).parent('a').length==0;
  }).each(function(){
    $(this).parent().append($('<span>').append($(this)));
  });
});

Answer 3

こんな感じでしょうか？

$('img:not(a img)').wrap('<span></span>');

Comments

[maisumakun]

「:not()の中に複数セレクタ」というのも、jQuery拡張で書けるようになっていたんですね。ありがとうございます。

ブラウザネイティブではCSS4で提案中ですが、今のところ実装されていないとのことです（https://developer.mozilla.org/ja/docs/Web/CSS/:not）。

[madone99]

コメントありがとうございます。回答がダブってしまいました（汗
参考リンクの方ありがとうございます。そうなんですね。教えていただきありがとうございます！