获取具有classname的行的第一个单元格值的逗号分隔列表(使用Jquery)

Question

当一行被选中时，试图从下面的表中获取id。例如，jquery应该返回:"12,14"..我的代码下面返回空字符串?

我的html:

<table id="display" width="100%">
  <thead>
      <tr>
           <th>ID</th>
           <th>first</th>
           <th>last</th>
           <th>number</th>
       </tr>
   </thead>
<tbody>
...etc...
   <tr class="selected">
      <td>12</td>
      <td>Bob</td>
      <td>Smith</td>
      <td>9999</td>
   </tr>
   <tr>
      <td>13</td>
      <td>Lee</td>
      <td>Smith</td>
      <td>8888</td>
   </tr>
   <tr class="selected">
      <td>14</td>
      <td>JJ</td>
      <td>Wolf</td>
      <td>77777</td>
   </tr>
... etc..
</table>

我Jquery:

 var nameIDs = $('table tr.selected td:first').map(function () {
                return this.value;
            }).get().join(',');

Answer 1

value没有为td定义，您需要使用this.innerText或this.innerHTML，也使用first-child代替first

现场演示

var nameIDs = $('table tr.selected td:first-child').map(function () {
    return this.innerText;
}).get().join(',');

编辑

html也是无效的，您错过了所有行的第二个td的关闭</td>。

<td>Smith<td>

<td>Smith</td>

Answer 2

这段代码可能会对您有所帮助

var elems = $(".selected>td:first-child");
for(var key in elems )
  elems[key] = $(elems[key]).html();
var values = elems.join(",");

结果在字符串values