Javascript函数应用于单个div

时间:2016-09-12 15:47:17

标签: javascript

我一直在尝试调试此代码...我正在尝试将函数限制为只有一个id为" left"的div。到目前为止,我已经尝试了几种$('#left') $("#left")到$(document.getElementById(' left'))所有有和没有hashmark。

它影响文档中的每个表而不是单个容器。

以下是jfiddle ... jfiddle

的链接
$('#left').ready(function() {

    promise = $.ajax({
        type:"GET",
        dataType:"text",
        url:"sgi.csv",
        cache:false
    });

    promise.done(function(data){

        var dataArr = data.split("\n");

        $.each(dataArr,function(){
            if (this != "") {

                var row = new String("");
                valArr = this.split(",");
                    row += "<tr>"

                $.each(valArr, function(){
                    row += "<td>" + this +"</td>"
                });     

                    row += "</tr>"

                 $('tbody').append(row);

            }

        });

    });

    // Run script if request fails
    promise.fail(function() {
       console.log('A failure ocurred');
    });

});

3 个答案:

答案 0 :(得分:0)

问题代码为$('tbody').append(row);。您告诉jQuery将row附加到它找到的所有tbody元素。

如果您只想将其包含在<{em> <tbody>的{​​{1}}元素中,则需要执行此操作

#left

答案 1 :(得分:0)

当您致电generics时,您将附加到文档中的所有$('tbody').append(row);。只需将其替换为:

tbody

答案 2 :(得分:-1)

$('#left tbody').append(row);可以解决您的问题。