<table class="tableSt1 text-left" >
<tr>
<th width="40">排序</th>
<th>项目名称</th>
<th width="50">操作</th>
<th width="50">修改</th>
</tr>
<c:forEach items="${projectHot26005s}" var="zslb">
<tr id="sj1">
<td><input type="text" id="txt" value="" maxlength="2" id="txt"></td>
<td>${zslb.projectName }</td>
<td><button class="btn btn-red r3 margin" onclick="btnDelete('${zslb.projectId }')">删除</button></td>
<td><button class="btn btn-red r3 margin" onclick="change()">修改</button></td>
</tr>
</c:forEach>
</table>
这是页面
function change(txt){
var text ="";
var len = $("input[type=text]").length;
$("#sj input[type=text]").each(function(){
text = $(this).val();
});
console.log(text);
}
这是js
现在的效果是不论点哪一行的修改按钮 都只能获取最后一行的内容
我想分别点击某一行的修改按钮 就获得哪一行的input text value
这是页面效果
jquery 代码应该是
function change(txt){
var text ="";
var len = $("input[type=text]").length;
$("input[type=text]").each(function(){
text = $(this).val();
});
console.log(text);
}
æç §è¦æ±ï¼å¨ç¹å»æ¯ä¸è¡çä¿®æ¹æé®ï¼éè¦è·å对åºè¡ç第ä¸åinputçvalueå¼ï¼å¯¹åºçjs代ç åèä¸æ¹ï¼
function change(){var text = $(this).parents('tr').children('td:eq(0)').children('input').val();
console.log(text);
}
è¿ææ´å ç®ä¾¿çæ¹æ³ï¼å¨forEach循ç¯çætråtdå ç´ æ¶ï¼æç §å¦ä¸è§åçætdå ç´ ï¼
<c:forEach items="${projectHot26005s}" var="zslb"><tr id="sj1">
<td><input type="text" id="txt${zslb.projectId}" value="" maxlength="2"></td>
<td>${zslb.projectName }</td>
<td><button class="btn btn-red r3 margin" onclick="btnDelete('${zslb.projectId }')">å é¤</button></td>
<td><button class="btn btn-red r3 margin" onclick="change('${zslb.projectId}')">ä¿®æ¹</button></td>
</tr>
</c:forEach>
è¿æ ·å¨changeæ¹æ³ä¸å°±è½éè¿å¯ä¸çidæ¥å®ä½å°æå®çinputï¼æ¢èè·åå°valueå¼ï¼
function change(id){var text = $("#txt" + id).val();
console.log(text);
}