按照要求，在点击每一行的修改按钮，需要获取对应行的第一列input的value值，对应的js代码参考下方：
function change(){var text = $(this)parents('tr')children('td:eq(0)')children('input')val();
consolelog(text);
}
还有更加简便的方法：在forEach循环生成tr和td元素时，按照如下规则生成td元素：
<c:forEach items="${projectHot26005s}" var="zslb"><tr id="sj1">
<td><input type="text" id="txt${zslbprojectId}" value="" maxlength="2"></td>
<td>${zslbprojectName }</td>
<td><button class="btn btn-red r3 margin" onclick="btnDelete('${zslbprojectId }')">删除</button></td>
<td><button class="btn btn-red r3 margin" onclick="change('${zslbprojectId}')">修改</button></td>
</tr>
</c:forEach>
这样在change方法中就能通过唯一的id来定位到指定的input，既而获取到value值：
function change(id){var text = $("#txt" + id)val();
consolelog(text);
}
如下所示：
<tbody
id="already_question_list">
<tr>
<td><php
echo
$val['unique_number'];
></td>
<td><php
echo
$val['year']'-'$val['series'];
></td>
<td><php
echo
$val['content']
></td>
<td><php
echo
$val['knowledges']
></td>
<td><php
echo
$val['last_admin'];
></td>
<td>
<input
type="button"
class="btn"
value="－"
data-score="<php
echo
$val['score'];
>"
onclick='remove_selected(this);'/>\
<input
type="hidden"
name="question_numbers[]"
value="<php
echo
$val['unique_number'];
>"/>
</td>
</tr>
</tbody>
<script>
var
leng
=
$("#already_question_list
tr")length;
var
filter_numbs
=
new
Array();
for(var
i=0;
i<=leng;
i++)
{
numberStr
=
$("#already_question_list
tr")eq(i)find("td:first")html();
filter_numbspush(numberStr);
}
</script>
以上就是小编为大家带来的jQuery
获取遍历获取table中每一个tr中的第一个td的方法全部内容了，希望大家多多支持脚本之家~
首先添加给radio添加绑定单击事件，可以直接使用onclick=""，也可以用jquery绑定；
$(function() {
showCont();
$("input[name=price_type]")click(function() {
showCont();
});
});
function showCont(){
var normal = documentgetElementById("price_type1");
var special = documentgetElementById("price_type2");
if (normalchecked) {
$("#sellInfo2")hide();
$("#sellInfo1")show();
}
if (specialchecked) {
$("#sellInfo1")hide();
$("#sellInfo2")show();
}
}
结果：
$("td#exist")each(function(i,dom){
var me = $(dom);
if(/^\s1\s$/test(metext()){
meclosest("tr")css({
"font-weight:": "bolder"
});
}
});
$('tr')click(function(){
$(this)find('input')each(function(){
alert($(this)val());
});
});
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>RunJS</title>
<style>
</style>
<script id="jquery_180" type="text/javascript" class="library" src="/js/sandbox/jquery/jquery-180minjs"></script>
<script type="text/javascript">
$(function(){
$("#add")click(function(){
var me = $(this), mp = meparents("son");
var c = $trim(mpfind("span:first")prop("nextSibling")nodeValue);
var xy = prompt("添加" + c,"");
});
});
</script>
</head>
<body>
<div class="son">
<tr>
<th><span>X</span>版本:</th>
</tr>
<tr>
<td>
<div><span>X</span>移动版</div>
</td>
<td>
<div><span>X</span>联通版</div>
</td>
<td>
<div><span>X</span>电信版</div>
</td>
<td>
<div><span>X</span>双网通</div>
</td>
<td>
<div><span>X</span>全网通版</div>
</td>
<td style="border-style:none">
<div id="add">add</div>
</td>
</tr>
</div>
<!-- 功能要求： 点击td里面的span标签 获得 当前 <div class='son'></div> 里面的 th 值 （既 获得 <th><span></span>版本:</th>） -->
</body>
</html>
以上就是关于jquery 点击按钮获取动态添加的 tr中 input text 内容全部的内容，包括:jquery 点击按钮获取动态添加的 tr中 input text 内容、jQuery 获取遍历获取table中每一个tr中的第一个td的方法、jquery 获取radio的选中事件，radio默认选中时，显示其中一行tr，选中另外一个radio时，显示不同的tr记录等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）