jquery simple set attribute to element and TypeError: $(...).atrr is not a function

Question

我得到了这个代码

<div class="separator">
    <a href="{img src}">
        <img src="{img src}" style="width:100%" border="0" />
    </a>
</div>

现在我需要在加载 DOM 后为 元素设置具有 "postimg" 值的属性。所以我试着用下面的代码来做到这一点：

    <script>
        $(document).ready(function() {

            $('div.separator a').atrr("data-attribute","postimg");

        });
    </script>

不幸在控制台出现错误

TypeError: $(...).atrr is not a function

也尝试使用此代码我收到此错误

    <script>
        $(document).ready(function() {

            $('div.separator')find.("a").atrr("data-attribute","postimg");

        });
    </script>

我不明白，我做错了什么？请帮助

Answer 1

您收到错误消息是因为打字错误 - 它是 attr() 而不是 atrr()。供参考：http://api.jquery.com/attr/。

此外，在您的代码的第二个版本中，它应该是

$('div.separator').find("a")

而不是

$('div.separator')find.("a")

注意：我已经将这个答案作为评论发布了，但我认为最好将它也添加为答案，这样当用户寻找时问题就不会出现未回答的问题。