这是html结构
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table class="table">
<thead>
<tr>
<th>NAME</th>
<th>DES</th>
</tr>
</thead>
<tbody id="sub_mission_list">
<tr>
<td>Q1</td>
<td>
<textarea id="mission_description" name="mission_description">T1</textarea>
</td>
</tr>
<tr>
<td>Q2</td>
<td>
<textarea id="mission_description" name="mission_description">T2</textarea>
</td>
</tr>
</tbody>
</table>
我想获取<textarea>
中的值
我做到了,这是我的解决方案,但我认为这不是一个好方法。实现这一目标的最佳方法是什么?
_.each($('#sub_mission_list tr'), function(value) {
var describe = $($($(value).children()[1]).children()[0]).val();
console.log(describe);
});
最佳答案
使用jQuery.each()
进行迭代,使用.find()
定位textarea
$('#sub_mission_list tr').each(function() {
var describe = $(this).find('textarea').val();
console.log(describe);
});
$('#sub_mission_list tr').each(function() {
var describe = $(this).find('textarea').val();
console.log(describe);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body>
<table class="table">
<thead>
<tr>
<th>NAME</th>
<th>DES</th>
</tr>
</thead>
<tbody id="sub_mission_list">
<tr>
<td>Q1</td>
<td>
<textarea id="mission_description" name="mission_description">T1</textarea>
</td>
</tr>
<tr>
<td>Q2</td>
<td>
<textarea id="mission_description" name="mission_description">T2</textarea>
</td>
</tr>
</tbody>
</table>
</body>
注意:HTML 中的标识符必须是唯一的。
关于javascript - jQuery 在 tr 中获取子文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42645059/