Question

希望有人可以帮我解决这个问题。我需要创建一个可以在Json中存储项目的脚本，然后在单击时显示页面上的链接显示它所引用的json对象。我试图用if else if语句来做这件事而且它不起作用。我有点迷路了。继承了迄今为止我所做的代码。它不喜欢别的如果比特。

$(document).ready(function(){

    var obj1 = {"user":"Shane", "age":28, "country": "Ireland"};
    var obj2 = {"user":"Louise", "age":26, "country": "Ireland"};
    var obj3 = {"user":"Jess", "age":28, "country": "Ireland"};
    var obj4 = {u1:obj1, u2:obj2, u3:obj3};

    $("a").click(function(e)
    {
        e.preventDefault();
        if ($(this).hasClass("first"))
        {
            alert(obj1.user + " " + "was clicked");
        };
        else if ($(this).hasClass("second"))
        {
            alert(obj2.user + " " + "was clicked");
        };
    });

});

并在html中我只是

<body>

<a class="first" href="#">Product1</a><br>
<a class="second" href="#">Product2</a>

<p></p>


<script src="jquery.js"></script>
<script src="script.js"></script>
</body>

Answer 1

删除块后面的分号。分号表示statement的结尾，而不是block的结尾：

if ($(this).hasClass("first"))
{
    alert(obj1.user + " " + "was clicked");
}
else if ($(this).hasClass("second"))
{
    alert(obj2.user + " " + "was clicked");
}

Answer 2

if阻止结束时出现语法错误，请移除;之前的else

$("a").click(function(e){
    e.preventDefault();
    if ($(this).hasClass("first")){
        alert(obj1.user + " " + "was clicked");
    } else if ($(this).hasClass("second")){
        alert(obj2.user + " " + "was clicked");
    };
});

演示：Fiddle

jquery else if语句使用链接点击json

2 个答案: