javascript - jQuery 获取表中 td 的值

Question

<table id="GridView1">
 <tr>
    <th>KeyWord</th>
    <th>Identifiers</th>
    <th>Values</th>
 </tr>
 <tr>
    <td>
        <select >
           <option selected="selected" value="Action A">Action A</option>
           <option  value="Action b">Action b</option>
           <option value="Action C">Action C</option>
        </select>
    </td>
    <td>
        <textarea >adsasd</textarea>
    </td>
        <td>
        <textarea >dsad</textarea>
    </td>
 </tr>
  <tr>
    <td>
        <select >
           <option value="Action A">Action A</option>
           <option selected="selected" value="Action b">Action b</option>
           <option value="Action C">Action C</option>
        </select>
    </td>
    <td>
        <textarea >asdasd</textarea>
    </td>
        <td>
        <textarea >sdsad</textarea>
    </td>
 </tr>
 </table>

这是js。

var xml = '<?xml version="1.0" encoding="utf-8"?>';
xml = xml + '<Root>';
i=0;
$("#GridView1 tr").each(function () {

 $(this).find('td').each (function() {
    alert($(this).find('select').val())

  alert($(this).find('textarea').val())


});

});

xml = xml + '</Root>'
alert(xml)

我正在获取 td 中的所有值，但也未定义。知道为什么吗？

Answer 1

你得到未定义，因为它试图显示每个 td 的选择值和文本区域值。

要仅显示现有值，只需检查元素是否存在于 td 中:

if($(this).find('textarea').length > 0) {
  alert($(this).find('textarea').val());
}