jquery div内容不变

时间:2014-12-17 03:14:08

标签: javascript jquery

<script type="text/javascript">
    $(document).ready(function() {
        ListUsers=function(em){
            var emid = em.title;
            $('.userslistdiv').text('id-' + emid);
            $('.userslistdiv').show;
            //alert("it worked-" + emid);
        };
    });

</script>

<div id="userslistdiv">xxxxxxxxx</div>

我没有得到div内容的更改。如果我取消注释,我会收到警报。我改变了.show to .hide(因为div最初显示)并且它没有&#34;隐藏&#34;。

4 个答案:

答案 0 :(得分:2)

您有div的ID,因此需要使用id selector(前缀#)而非class selector(前缀.),同时show是一个方法,所以你需要调用它(在最后添加()

$(document).ready(function() {
    ListUsers=function(em){
        var emid = em.title;
        $('#userslistdiv').text('id-' + emid);
        $('#userslistdiv').show();
        //alert("it worked-" + emid);

        // both these can be combined to
        //$('#userslistdiv').text('id-' + emid).show()
    };
});

答案 1 :(得分:1)

尝试:

<script type="text/javascript">
    $(document).ready(function() {
        ListUsers=function(em){
            var emid = em.title;
            $('#userslistdiv').text('id-' + emid);
            //$('#userslistdiv').show();
            //alert("it worked-" + emid);
        };
    });

</script>

<div id="userslistdiv">xxxxxxxxx</div>

对于ID使用#进行课堂使用.

另外,除非div被隐藏,否则不要使用show()。

答案 2 :(得分:1)

$('.userslistdiv').show;更改为$('.userslistdiv').show();添加括号。

此外,DIV还有一个ID&#34; userslistdiv&#34;

您的代码

$('.userslistdiv').text('id-' + emid);
$('.userslistdiv').show;

正在尝试查找班级名称。

请改用:

$('#userslistdiv').text('id-' + emid);
$('#userslistdiv').show();

答案 3 :(得分:0)

你引用了id而不是class的元素,所以

$('.userslistdiv')

应该是

$('#userslistdiv')

与问题无关,但在声明变量时请在变量前添加“var”。这可以防止它污染全局命名空间。

试试这个:

$(document).ready(function() {
    $('#userslistdiv').text('it worked!');
});