正規表現でalt = "。＃"を持たない<img />タグを見つける

Question

引用属性の間に何かを持つalt属性を持たない画像タグを返す正規表現が必要です。たとえば、alt = ""またはalt = "y"のimgタグを返すことができます。

画像タグに改行が含まれていて、1行に複数の画像タグが存在する可能性があります。

<img.@(~[\r\n]|[\r\n])*.@(~(alt=".#"))*.@(~[\r\n]|[\r\n])*.@/> 

と、私はこの上でそれをテストしています：

現在、私が持っていることである

<img alt="" /> 
<img src="xyz.jpg" 
alt="y" /> 
<img xxxx ABC /> 
<img xxxxxx ABC /> 
<img src="xyz.jpg" alt="y" /> 

しかし、私の正規表現が2回目を含め、各画像タグを返し、私が戻ってほしくない5番目のもの。

私はMicrosoft Expression Webで作業しています。

Answer 1

jQueryを使用して文字列をhtmlノードに解析し、そこからセレクタを使用してフィルタリングすることをお勧めします。

var str = '<img alt="" /><img src="xyz.jpg" alt="y" /><img xxxx ABC /> <img xxxxxx ABC /><img src="xyz.jpg" alt="y" />'; 
var elementsWithoutAlt = $(str).filter('not([alt])'); 
console.log(elementsWithoutAlt.length); 

'not（[alt]）'は、alt属性のないすべての要素を検索します。 'img：not（[alt]）'は、alt属性のない 'image'要素をすべて見つけます。

デモ：（アクションでそれを見るためにレンダリングします） http://jsbin.com/imeyam/3/edit

jQueryの情報 http://api.jquery.com/has-attribute-selector/

Answer 2

これを行う代わりに、XPathを見てみるとよいでしょう。空のalt属性を持つ要素を探している場合は、.NETのXmlDocumentを使用してドキュメントを読み込み、ノードを選択するためにSelectNodes（ "// img [@ alt = '']"）を呼び出すことができます。