クラス名を持つ行の最初のセル値のカンマ区切りリストを取得します（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を使用する必要があります。

Live Demo

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

.

編集

HTMLも無効で、すべての行の2番目のfirst-childで閉じるfirstを見逃しました。

変更

<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(",");

.

結果はString values

にあります。