javascript - 使用parent()获取标题值

Question

我有这个 html 代码:

<a class="ms-navedit-linkNode" title="Apps" href="url/test">
    <span class="menu-item-text">Apps</span>
</a>

我想将标题值从“Apps”更改为其他内容。

这是我使用的 JavaScript，但它只是给出了我的标题变量未定义。

注意:在我的 js 代码中，其他一切都运行良好

<script type="text/javascript">
    $(document).ready(function() {
        $(".menu-item-text").each(function() {
            var text = $(this).text();
            if (text == "Apps") {
                $(this).text("");
                $(this).text("Organization");

                var title = $(this).parent().attr("title");

                if (title == "Apps") {
                    $(this).parent().attr("title", "Organization");
                }
            }
        });
    });
</script>

我在这里做错了什么吗？

Answer 1

您的 html 缺少双引号

<a class="ms-navedit-linkNode" title="Apps" href="url/test">
    <span class="menu-item-text">Apps</span>
</a>

您在 Attr 上也有一个大写的 A。应该是:

$(".menu-item-text").each(function() {
    var text = $(this).text();
    if (text == "Apps") {
        $(this).text("Organization");

        var title = $(this).parent().attr("title");
        alert($(this).parent().attr("title"));

        if (title == "Apps") {
            $(this).parent().attr("title", "Test");
            alert($(this).parent().attr("title"));
        }
    }
});

我在标题属性更改之前和之后都设置了两个警报来提醒它。

fiddle :http://jsfiddle.net/VinnyFonseca/x8ceZ/