javascript - セレクタ値で属性を取得

Question

<input type="text" value="Here" id="aaa"> <br />
<span id="check">check</span>

$('#check').click(function(){
   alert($('input [value="Here"]').attr('id'));
})

http://jsfiddle.net/mHYsJ/

なぜこれが機能しないのですか？セレクター VALUE で属性を取得するにはどうすればよいですか?

Answer 1

value='here'要素と属性セレクターの間にスペースを使用しないでください。現在、セレクターは入力要素内の属性を持つ要素を見つけようとしています。次のことを試してください。

$('#check').click(function(){
   alert($('input[value="Here"]').attr('id'));
})

デモ

Answer 2

スペースを削除する必要があります:

alert($('input[value="Here"]').attr('id'));

Answer 3

セレクターのスペースを削除します。

$('input[value="Here"]').attr('id')

スペースは「の子孫」を意味します。

Answer 4

指定された属性の値を含むすべての要素を取得する便利な関数 (ここから取得) を次に示します。

var getAllElementsWithAttribute = function (attribute) {
    var matchingElements = [];
    var allElements = document.getElementsByTagName('*');
    for (var i = 0; i < allElements.length; i++) {
        if (allElements[i].getAttribute(attribute)) {
            matchingElements.push(allElements[i]);
        }
    }
    return matchingElements;
};