如何从表中获取日期td值

时间:2015-12-22 11:06:50

标签: jquery css css-selectors

我想从表中获取日期

表格中的所有日期都相同

我想获得'2015-12-21'的价值

这是我的表数据

<table id="1dtopg" class="gaintable table table-striped">
   <thead>
      <tr>
         <th class="thheaders">Symbol</th>
         <th class="thheaders">Close</th>
         <th class="thheaders">Rs Chg</th>
         <th class="thheaders">% Chg</th>
         <th class="thheaders">As On</th>
      </tr>
   </thead>
   <tbody>
      <tr>
         <td>NILKAMAL</td>
         <td>1243.30</td>
         <td class="greenclass">172.45</td>
         <td class="greenclass">13.87</td>
         <td class="">2015-12-21</td>
      </tr>
      <tr>
         <td>LAXMIMACH</td>
         <td>3648.90</td>
         <td class="greenclass">148.95</td>
         <td class="greenclass">4.08</td>
         <td class="">2015-12-21</td>
      </tr>
      <tr>
         <td>TTKHLTCARE</td>
         <td>1076.30</td>
         <td class="greenclass">116.65</td>
         <td class="greenclass">10.84</td>
         <td class="">2015-12-21</td>
      </tr>
      <tr>
         <td>MONTECARLO</td>
         <td>536.45</td>
         <td class="greenclass">78.55</td>
         <td class="greenclass">14.64</td>
         <td class="">2015-12-21</td>
      </tr>
      <tr>
         <td>TRENT</td>
         <td>1647.60</td>
         <td class="greenclass">74.80</td>
         <td class="greenclass">4.54</td>
         <td class="">2015-12-21</td>
      </tr>
      <tr>
         <td>BOSCHLTD</td>
         <td>18287.40</td>
         <td class="greenclass">71.85</td>
         <td class="greenclass">0.39</td>
         <td class="">2015-12-21</td>
      </tr>
      <tr>
         <td>WABCOINDIA</td>
         <td>6025.10</td>
         <td class="greenclass">58.90</td>
         <td class="greenclass">0.98</td>
         <td class="">2015-12-21</td>
      </tr>
      <tr>
         <td>BBL</td>
         <td>852.40</td>
         <td class="greenclass">58.65</td>
         <td class="greenclass">6.88</td>
         <td class="">2015-12-21</td>
      </tr>
      <tr>
         <td>BAJFINANCE</td>
         <td>5869.80</td>
         <td class="greenclass">56.00</td>
         <td class="greenclass">0.95</td>
         <td class="">2015-12-21</td>
      </tr>
      <tr>
         <td>HEROMOTOCO</td>
         <td>2697.95</td>
         <td class="greenclass">54.80</td>
         <td class="greenclass">2.03</td>
         <td class="">2015-12-21</td>
      </tr>
   </tbody>
</table>

我试过

var date = $('#1dtopg').find('tbody tr td:eq(5)').html();

alert(date);

但是它给了我符号值

这是我的jsfiddle

https://jsfiddle.net/gr1L23us/27/

5 个答案:

答案 0 :(得分:1)

按照文档。 eq选择器有0个基于索引:

  

index:要匹配的元素的从零开始的索引。

因此它应该是4而不是5:

var date = $('#1dtopg').find('tbody tr td:eq(4)').html();

答案 1 :(得分:1)

您可以使用:last选择器

var date = $('#1dtopg').find('tbody tr td:last').html();

.last()

var date = $('#1dtopg').find('tbody tr td').last().html();

或者您可以使用:nth-child(starts from 1)代替:eq(starts from 0)

var date = $('#1dtopg').find('tbody tr td:nth-child(5)').html();

答案 2 :(得分:0)

eq代替5使用4,在eq基础索引0

有几种方式:

使用:eq

$('#1dtopg').find('tbody tr td:eq(4)').html();

或使用.eq

$('#1dtopg').find('tbody tr td').eq(4).html();

或使用:last

$('#1dtopg').find('tbody tr td:last').html();

或使用.last

$('#1dtopg').find('tbody tr td').last().html();

答案 3 :(得分:0)

您可以使用jQuery的:last运算符。

var date = $('#1dtopg').find('tbody tr td:last').html();
alert(date);

答案 4 :(得分:0)

这应该有效:

$('#1dtopg').find('td:last').html();