第二个td中的jQuery div文本

时间:2013-02-27 07:49:59

标签: jquery html-table

我想在div中的第二个td中获取div中的文本(在我的示例中为firstName)。这是我尝试的但是它给了我无效。

我在下面尝试了所有但没有人工作..这里是完整的代码(此表在弹出窗口中):

$(document).ready(function() {
$('#listings_row_landlord').dataTable();
});

此警报代码:

var first_name  = $('#'+value).find("td:eq(1) div").html(); 

<table width="100%" cellspacing="0" cellpadding="0" align="center" style=" border-radius:0px;" id="listings_row_landlord" class="display">
  <thead bgcolor="#E5E5E5" align="left" style="font-size:12px;" class="listing_headings">
  <tr><th width="20" style="text-align:center; width:20px;" class="sorting_desc" rowspan="1" colspan="1"></th><th class="sorting" rowspan="1" colspan="1" style="width: 94px;">First Name</th><th class="sorting" rowspan="1" colspan="1" style="width: 92px;">Last Name</th><th class="sorting" rowspan="1" colspan="1" style="width: 86px;">Mobile No</th><th class="sorting" rowspan="1" colspan="1" style="width: 83px;">Phone No</th><th class="sorting" rowspan="1" colspan="1" style="width: 50px;">Email</th><th class="sorting" rowspan="1" colspan="1" style="width: 95px;">Created By</th><th class="sorting" rowspan="1" colspan="1" style="width: 108px;">Assigned To</th><th class="sorting" rowspan="1" colspan="1" style="width: 59px;">Listed</th></tr></thead>


<tbody>
<?php
             while ( $rw = $oAppl->row($rs) ) {
             ?>


<tr id="<?php echo $rw["id"]; ?>" class="listing_rows odd"><td class=" sorting_1"><div id="item_action" style="text-align:center; width:22px;"><input type="radio" value="<?php echo $rw["id"]; ?>" id="checkbox_<?php echo $rw["id"]; ?>" name="select_landlord"></div></td>

<td>

<div style="width:100px;"><?php echo $rw["fname"]; ?> </div></td>

<td><div style="width:100px;"><?php echo $rw["lname"]; ?></div></td><td><div style="width:160px;"><?php echo $rw["mobile"]; ?></div></td><td><div style="width:150px;"><?php echo $rw["phone"]; ?></div></td><td><div style="width:180px;"><?php echo $rw["email"]; ?></div></td><td><div style="width:100px;">Admin Admin</div></td><td><div style="width:100px;">Admin Admin</div></td><td><div style="width:80px;"><?php echo $rw["created_date"]; ?></div></td></tr>
 <?php
               }
               ?>
</tbody></table>

5 个答案:

答案 0 :(得分:1)

使用zero-based索引为var first_name = $('#'+value).find("td:eq(1) div").html(); ,因此您需要将索引1用于第二个td而不是2。

<强> eq()

{{1}}

答案 1 :(得分:0)

 $('#listings_row_landlord #'+value).find("td:eq(1)").text();

答案 2 :(得分:0)

这有点短,但是adil&amp; adeneo非常简洁,imho。

var first_name  = $('#'+value).find("td:eq(1) > div").html(); 

答案 3 :(得分:0)

尝试这样的事情,同时检查fiddle

HTML代码

  <table>
    <tr id="1" class="listing_rows odd">
       <td class=" sorting_1">
          <div id="item_action" style="text-align:center; width:22px;">
           <input type="radio" value="1" id="checkbox_1" name="select_landlord" />
          </div>
      </td>
      <td>
          <div style="width:100px;">firstName </div>
     </td>
  </tr>
</table>

JS代码

  $(function(){
    alert($('#1 td:nth-child(2) div').html());
  })

使用您的代码检查此fiddle

答案 4 :(得分:0)

我解决了这个问题。但是它运行得很好但是动态它不是......我只是给div提供动态id并得到它的html ......工作得很好......谢谢所有人的支持