Question

我有这段代码

JavaScript的：

var J = jQuery.noConflict();
J('#example tr').click( function() {
  //HERE THE CODE I WANT
} );

HTML：

<table cellpadding="0" cellspacing="0" border="0" class="display" id="example">
        <thead>
            <tr>
                <th>Immat</th>
                <th>Marque</th>
                <th>Modèle</th>
                <th>Contrat</th>
                <th>Début Contrat</th>
                <th>Fin Contrat</th>
                <th>CoûtHT/mois</th>
</tr>


<tr class="odd gradeA">
                <td>2257YY64</td>
                <td>Citroen</td>
                <td>C3</td>
                <td>Star Lease</td>
                <td>27/04/2009</td>
                <td>27/04/2010</td>
                <td>270,02</td>
            </tr>
            <tr class="odd gradeA">
                <td>2257YY64</td>
                <td>Citroen</td>
                <td>C3</td>
                <td>Star Lease</td>
                <td>27/04/2009</td>
                <td>27/04/2010</td>
                <td>270,02</td>
            </tr>
            <tr class="odd gradeA">
                <td>2257YY64</td>
                <td>Citroen</td>
                <td>C3</td>
                <td>Star Lease</td>
                <td>27/04/2009</td>
                <td>27/04/2010</td>
                <td>270,02</td>
            </tr>

在循环中，我想获取用户点击的text()标签下每个td标记的文字（tr方法）。

我该怎么做？

Answer 1

使用.find和.eachh解决您的问题。

J('#example tr').click( function() {
  J(this).find("td").each(function() {
      alert(J(this).text()); // or whatever else you want to do with the text
  });
});

Answer 2

J('#example tr').click( function() {
  var text="";
  J(this).children("td").each(function(){
     text += J(this).text();
  });
  alert(text);
});

您的代码中还注意到<THEAD>标记未关闭。如果你打开它，这段代码可能无效。

在此下获取文本标签

2 个答案: