JQuery <table> <tbody> <tr> </tr> </tbody> </table>中的选择器

时间:2014-01-16 06:13:47

标签: jquery html-table

我正在使用$('#tbl-' + no + ' tr')(其中var no = 'one')来计算表格中<tr>的长度,这种方法有时很好但有时会出错。

  

未捕获错误:语法错误,无法识别的表达式:#tbl- [object HTMLSelectElement]

还有其他方法可以选择<tr>吗?

小提琴:Fiddle

我的项目中的Javascript函数:

function createAgentList(list, campaign) {
alert("table rows : " + $('#liveAgentTable-' + campaign + ' tr').length);
$('#liveAgentTable-' + campaign + ' tr').has('td').remove();

for (var i = 0; i < list.length; i++) {
    var tr = $('<tr class="agnt_tr" value="user"></tr>').appendTo('#liveAgentTable-' + campaign);
    var radioBtn = $('<input type="radio" name="radioAgent" value="' + list[i].name + '" />"  id="radioAgent' + list[i].name + '"');
    tr.append(radioBtn);
    tr.append("<td>" + list[i].name + "</td>");
    tr.append("<td>" + list[i].extension + "</td>");
    tr.append("<td>" + list[i].skill + "</td>");
    tr.append("<td>" + list[i].phoneNumber + "</td>");
    tr.append("<td>" + list[i].status + "</td>");
    tr.append("<td>" + list[i].callType + "</td>");
    tr.append("<td>" + list[i].time + "</td>");
}
}

HTML表:

<table id="liveAgentTable-<s:property />" class="agent_table" border="1" value="campaignId" style="width: 100%">

                    <tr>
                        <th>Select</th>
                        <th>Agent Name</th>
                        <th>Extension</th>
                        <th>Skill</th>
                        <th>Phone Number</th>
                        <th>Status</th>
                        <th>Call Type</th>
                        <th>HH:MM:SS</th>
                    </tr>
                </table>
  

<s:property />是通过迭代广告系列列表而来的广告系列名称

1 个答案:

答案 0 :(得分:1)

您是否在代码中的其他位置使用变量no

它是no = [object HTMLSelectElement],它不是字符串,而是html元素。这让我想知道你是否在其他地方做过var no = $('#choice')之类的事情。

尝试使用更具描述性的变量。

或者尝试做类似的事情:

$('table:first-child')$('table:nth-child(5)')等。