jQuery:从表 td 中找到最长的字符串

Question

谁能告诉我如何从表格列中找到最长的字符串？

例如:我需要从 td 中找到最长的名称，类为 name，如果名称超过 50 个字符，则执行某项操作，否则执行某项操作。

<table>
  <thead>
    <th>name</th>
    <th>val1</th>
    <th>val2</th>
  </thead>
  <tbody>
    <tr>
      <td class="name">name short</td>
      <td class="first_value">val1</td>
      <td class="second_value">val2</td>
    </tr>
    <tr>
      <td class="name">name name name name</td>
      <td class="first_value">val1</td>
      <td class="second_value">val2</td>
    </tr>
    <tr>
      <td class="name">name name name name name name</td>
      <td class="first_value">val1</td>
      <td class="second_value">val2</td>
    </tr>
  </tbody>
</table>

CSS:

table {
  border: 1px solid black;
  width:100%;
  border-collapse: collapse;
}
td {
  border: 1px solid black;
}
.name {
  width:70%;
}
.first_value {
  width: 20%;
}
.second_value {
  width: 10%;
}

Answer 1

您可以使用 .each() 方法遍历每个名​​称元素并使用它来获取文本:

var longestName = "";
$('table td .name').each(function(){
    if($(this).val().length > longestName){
        longestName = $(this).val();
    }
});

然后可以用if语句判断是否超过50个字符:

if(longestName.length > 50){
    //do something
} else{
    // do this instead
}