Javascript 如何通过单击tr获取选定元素值

我在做一个小项目。我在尝试获取单击的表行中的元素值时遇到了一些问题。这是我的项目代码

<table id="info">
    <% for (int i = 0; i < 15; i++) {%>
    <tr>
        <td>
            <select name="prefix<%=i%>" class="form-control">
                <option>044</option>
                <option>51</option>
                <option>555</option>
                <option>43</option>
                <option>33</option>
                <option>66</option>
            </select>
        </td>
        <td>
            <input name="phone" id="number<%=i%>" type="text" onblur="test2()" class="form-control input"  >
        </td>
        <td>
            <select name='status<%=i%>' class="form-control">
                <option>The number is belong to man</option>
                <option>Out of area</option>
                <option>Dialed already</option>
                <option>The number is not defined</option>
            </select>
        </td>
        <td>
            <textarea id="desc<%=i%>" class="form-control" rows="3"></textarea>
        </td>
    </tr>
    <%}%>
</table>

---

假设您希望获取所单击行中所有

标记内所有

标记的所选选项值，以下脚本将起作用

$('#info tbody').on('click', 'tr', function() {
    $(this).children('td').each(function() {
        $(this).children('select').each(function() {
            alert($(this).val());
        });
    });
});

工作演示：

如果要获取单击行中所有

标记中所有元素的值，请使用此脚本

$('#info tbody').on('click', 'tr', function() {
    $(this).children('td').each(function() {
        $(this).children().each(function() {
            alert($(this).val());
        });
    });
});

---

工作演示：

TD都没有ID？代码中的标记在哪里？

此

将引用

tr

，因此

。此处不需要最接近（'tr'）

，请@lsp modern browser自动插入。@lsp-如果您忘记它，通常由浏览器插入。问题不是很清楚。中没有id。最重要的是，您需要元素的id或值？它不会给选择字段idSee更新的答案，但是您会得到未定义的警报，因为

标记没有

id

，您是否忘记添加

id

？是的，您是对的。还有一个问题，如何使用您的函数获取此tr中的选定选项值？您可以使用

.val（）

，查看更新的答案和更新的小提琴。我最不希望您提供帮助。我想得到td内的所有标签值

$('#info tbody').on('click', 'tr', function() {
    $(this).children('td').each(function() {
        $(this).children().each(function() {
            alert($(this).val());
        });
    });
});