Question

这是我的代码：

<tr>
  <td class="text">
    <div><a href="somethinghref">Something</a></div>
  </td>
  <td>Something2</td>
  <td>Something3</td>
</tr>

我想从td获取内容并像这样返回单行东西 - Something2

Answer 1

对于HTML DOM操作，有一个名为jQuery的库，您可以轻松地使用它来遍历HTML圆顶。和贝娄是你问题的解决方案。

   <!doctype html>
   <html>
   <head>
      <meta charset="utf-8">
      <title>Untitled Document</title>
       <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
   </head>

 <body>
 <table id="tblNewAttendees">
  <tr>
  <td class="text"><div><a href="somethinghref">Something</a></div</td>
  <td>Something2</td>
  <td>Something3</td>
  </tr>
 </table>
  <div class="table-content"></div>
   <script>
  $(document).ready(function(){
 var content ='';
 $('#tblNewAttendees tr').each(function() {

$.each(this.cells, function(){
    //alert($(this).text());
    content+=$(this).text()+" - ";
    });

   });
   $(".table-content").html(content);
   });
</script>
 </body>
 </html>

如何用简单的html dom读取td中的内容

1 个答案: