javascript - 已知类时获取 attr

Question

这是一些代码： http: //jsfiddle.net/T65E3/3/ 我想得到一个attr当我知道的时候class

$("#find").click(function() {
    $("#test").append($("#file").find("a.higlight").attr("rel"));
});

和 html

 <div id="file">
<ul>
<li>
        <a class="higlight" rel="a">value_my</a>
        <a class="sth" rel="b">val</a>
        <a class="sth" rel="c">val2</a>
        <a class="sth" rel="d">val3</a>

</li>
</ul>
</div>

<button type="submit" id="find">find</button>
<div id="test"></div>

Answer 1

您的代码原样（如果您包含 jQuery，则您的示例有 MooTools），工作正常。我只想指出一件事。

$("#file").find("a.higlight").attr("rel") // 'a'

这只会返回rel第一个匹配元素的属性。要获取所有rel属性（如果有多个元素），您可以使用.map.

$("#file").find("a.sth").attr("rel") // 'b'

$("#file").find("a.sth").map(function(){
    return this.rel;
}).get(); // ['b','c','d']

Answer 2

我建议您使用 text() 方法而不是 append 将文本添加到元素中；但您的主要问题是您调用 MooTools onload 而不是 jQuery。如果你改变它，你的脚本运行得很好。