Javascript Jquery如何仅从上一个tr获取值输入?
Javascript Jquery如何仅从上一个tr获取值输入?,javascript,jquery,Javascript,Jquery,1. 正面(A) 背面(C) 2. 正面(A) 背面(C) 3. 正面(A) 背面(C) 删除楼层 4前(A) 背面(C) 删除楼层 我厌倦了只从上一个tr获取值输入class=“sum”,请有人帮助我 如果删除一行,则必须获取最后一个值;如果添加另一行,则必须获取最后一个值 console.log($('table tr:last td input.sum').val()) 1. 正面(A) 背面(C) 2. 正面(A) 背面(C) 3. 正面(A) 背面(C) 删除楼层 4前(A) 背面
1.
正面(A)
背面(C)
2.
正面(A)
背面(C)
3.
正面(A)
背面(C)
删除楼层
4前(A)
背面(C)
删除楼层
我厌倦了只从上一个tr获取值输入class=“sum”,请有人帮助我
如果删除一行,则必须获取最后一个值;如果添加另一行,则必须获取最后一个值
console.log($('table tr:last td input.sum').val())
1.
正面(A)
背面(C)
2.
正面(A)
背面(C)
3.
正面(A)
背面(C)
删除楼层
4前(A)
背面(C)
删除楼层
试试这个:
$( "tr:last td input.sum" )
html:
<table>
<tr id="subpage_title1">
<td class="order minus">1</td>
<td><input type="checkbox" name="checkF[]" checked="" value=""> Front (A)</td>
<td><input type="checkbox" name="checkB[]" value=""> Back (C)</td>
<td><input id="hfloor" class="sum" name="hfloor[]" type="number" min="100" max="5000" step="1" value="3000"></td>
<td></td>
</tr><tr id="subpage_title2">
<td class="order ">2</td>
<td><input type="checkbox" name="checkF[]" checked="" value=""> Front (A)</td>
<td><input type="checkbox" name="checkB[]" value=""> Back (C)</td>
<td><input id="hfloor" class="sum" name="hfloor[]" type="number" min="100" max="5000" step="2" value="3000"></td>
<td></td>
</tr>
<tr id="subpage_title3" style="display: table-row;">
<td class="order">3</td>
<td><input type="checkbox" name="checkF[]" checked="" value=""> Front (A)</td>
<td><input type="checkbox" name="checkB[]" value=""> Back (C)</td>
<td><input id="hfloor" class="sum" name="hfloor[]" type="number" min="100" max="5000" step="3" value="3000"></td>
<td><a class="btn-remove-tr btn btn-small">Delete Floor</a></td>
</tr>
<tr id="subpage_title4" style="display: table-row;">
<td class="order">4</td><td><input type="checkbox" name="checkF[]" checked="" value=""> Front (A)</td>
<td><input type="checkbox" name="checkB[]" value=""> Back (C)</td>
<td><input id="hfloor" class="sum" name="hfloor[]" type="number" min="100" max="5000" step="4" value="2000"></td>
<td><a class="btn-remove-tr btn btn-small">Delete Floor</a></td>
</tr>
</table>
Fiddle您不能有多个
hfloor
id。id应该是唯一的。除非页面上有其他.sum
元素,只需执行$('.sum')。last()
就可以了?选择器不好。仅此$('table tr:last td input.sum').val()
将无效,输入具有'sum'类,而不是td类
<table>
<tr id="subpage_title1">
<td class="order minus">1</td>
<td><input type="checkbox" name="checkF[]" checked="" value=""> Front (A)</td>
<td><input type="checkbox" name="checkB[]" value=""> Back (C)</td>
<td><input id="hfloor" class="sum" name="hfloor[]" type="number" min="100" max="5000" step="1" value="3000"></td>
<td></td>
</tr><tr id="subpage_title2">
<td class="order ">2</td>
<td><input type="checkbox" name="checkF[]" checked="" value=""> Front (A)</td>
<td><input type="checkbox" name="checkB[]" value=""> Back (C)</td>
<td><input id="hfloor" class="sum" name="hfloor[]" type="number" min="100" max="5000" step="2" value="3000"></td>
<td></td>
</tr>
<tr id="subpage_title3" style="display: table-row;">
<td class="order">3</td>
<td><input type="checkbox" name="checkF[]" checked="" value=""> Front (A)</td>
<td><input type="checkbox" name="checkB[]" value=""> Back (C)</td>
<td><input id="hfloor" class="sum" name="hfloor[]" type="number" min="100" max="5000" step="3" value="3000"></td>
<td><a class="btn-remove-tr btn btn-small">Delete Floor</a></td>
</tr>
<tr id="subpage_title4" style="display: table-row;">
<td class="order">4</td><td><input type="checkbox" name="checkF[]" checked="" value=""> Front (A)</td>
<td><input type="checkbox" name="checkB[]" value=""> Back (C)</td>
<td><input id="hfloor" class="sum" name="hfloor[]" type="number" min="100" max="5000" step="4" value="2000"></td>
<td><a class="btn-remove-tr btn btn-small">Delete Floor</a></td>
</tr>
</table>
$(function(){
var value = $( "tr:last td input.sum" ).val()
console.log(value)
})