这个if else语句有什么问题

时间:2014-11-21 01:55:04

标签: javascript jquery html

我正在尝试通过在不同访问者的几个不同案例之间随机更改的ID为html元素添加一些文本。

由于某种原因,我的文字没有添加到元素中。

有人看到我的代码有什么问题吗?

这是我设置的JSBin的链接。

http://jsbin.com/biresocera/1/edit



<script>
    var linkAnchor = $('#link-anchor');
    var randShareLink = Math.floor(Math.random() * 5) + 1;

    $(document).ready(function(){
        if (randShareLink === 1){
            $(linkAnchor).append('case 1');
        } else if (randShareLink === 2){
            $(linkAnchor).append('case 2');
        } else {
            $(linkAnchor).append('case 3');
        }
    });
</script>

<body>
 <div id="link-anchor" style="background-color:red; height:40px; color:white; width:50px;"></div> 
</body>
&#13;
&#13;
&#13;

2 个答案:

答案 0 :(得分:2)

代码很好。但是,您的jsbin设置不正确 - 您需要添加jquery库才能使其正常工作。

另外,使用linkAnchor.append,因为它已经是一个jquery对象。

http://jsbin.com/zokedozibe/1/edit

答案 1 :(得分:0)

缺少JQuery框架

&#13;
&#13;
var linkAnchor = $('#link-anchor');
var randShareLink = Math.floor(Math.random() * 5) + 1;

$(document).ready(function(){
    if (randShareLink === 1){
        $(linkAnchor).append('case 1');
    } else if (randShareLink === 2){
        $(linkAnchor).append('case 2');
    } else {
        $(linkAnchor).append('case 3');
    }
});
&#13;
<head>
    <script src="https://code.jquery.com/jquery-1.11.1.min.js" type="text/javascript" ></script>
</head>

<body>
 <div id="link-anchor" style="background-color:red; height:40px; color:white; width:50px;"></div> 
</body>
&#13;
&#13;
&#13;

http://jsbin.com/biqovedeqe/1/