Jquery如何从最后一个tr获取值输入?

时间:2017-08-24 13:25:05

标签: javascript jquery

enter image description here

                <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>

我很累,只从最后一个tr获得值输入class =“sum”,请有人帮助我!

如果我删除一行,我必须得到最后一个值,如果我添加另一行,我必须得到最后一个值

3 个答案:

答案 0 :(得分:3)

试试这个:

$( "tr:last td input.sum" )

答案 1 :(得分:1)

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>    

脚本:

$(function(){
var value = $( "tr:last td input.sum" ).val()
console.log(value)
})

小提琴here

答案 2 :(得分:0)

console.log($('table tr:last td input.sum').val())
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<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>

试试这个。

相关问题