javascript - 使用jquery获取最近表格单元格中文本区域的值

标签 javascript jquery

我有下表

<tr>
<td data-toggle="tooltip" title="Not Started"><img  src="images/small_info_icon.png"></td>
<td>Demo Demo</td>
<td>January</td>
<td class="updaterow"><textarea class="form-control" rows="5" id="notes34455" name="editcomments">Not Started</textarea></td>
<td id="34455"><button type="button" id="updatestatus" class="btn btn-info btn-sm">Update</button> </td>
</tr>

我想使用jquery来获取textarea的值。 我正在使用以下内容,但它给出了未定义。

$("button#updatestatus").click(function(){
var id = $(this).closest('td').attr('id');
var data = $(this).closest("updaterow").text;     
alert(data); 
var data = {
            id: id,

            };
$.ajax({
type: "POST",
url: "updatestatus.php",
data: data
}).done(function(msg) {
console.log(msg);           
});

是否可以获取文本区域的文本值?

最佳答案

这就是你想要的

$("button#updatestatus").click(function(){

var data = $(this).parent().prev("td.updaterow").find("textarea").val();     
alert(data); 

});

这是一个例子

$("button#updatestatus").click(function(){

var data = $(this).parent().prev("td.updaterow").find("textarea").val();     
alert(data); 
       
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<html>


<table>
<tr>
<td data-toggle="tooltip" title="Not Started"><img  src="images/small_info_icon.png"></td>
<td>Demo Demo</td>
<td>January</td>
<td class="updaterow"><textarea class="form-control" rows="5" id="notes34455" name="editcomments">Not Started</textarea></td>
<td id="34455"><button type="button" id="updatestatus" class="btn btn-info btn-sm">Update</button> </td>
</tr>

</table>

</html>

关于javascript - 使用jquery获取最近表格单元格中文本区域的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44441752/

相关文章:

javascript - 如何使用 tinymce 的复选框按钮在运行时打开和关闭只读模式?

javascript - 弹跳球游戏、鼠标检测事件、JavaScript

javascript - 使用 javascript 绘制从客户端套接字发送的图像

javascript - 如何用简单的 JavaScript 停止事件再次运行?

jquery - 使用位于 iFrame 内的 jQuery 播放视频

javascript - 每 x 秒重复一次代码,但如果 [在此处插入检查] 则不重复

javascript - 如何通过onclick传递字符串参数

javascript - 如何使用Jquery获取Table的所有行值?

javascript - Node Jquery 抓取问题

jquery - Chrome 扩展开发 : Modifying the DOM using jQuery