在已知课程时获取attr

时间:2012-04-10 16:11:15

标签: javascript jquery

这是一些代码: 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>

2 个答案:

答案 0 :(得分: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']

答案 1 :(得分:0)

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