Question

如何使用类名？

获取表格最后一行的第一个输入中的值？

该表可以有很多行，并且在每一行中，第一列中都有一个带有＆＃34;输入文本＆＃39;的输入。

我认为这样的事情可行，但事实并非如此。

$("#tableData tr:last input[class=inputtext]").val();

Answer 1

由于您的输入元素有2个类，$("#tableData tr:last input.inputtext").val()不会起作用。
它是这样的：input.inputtext。
inputtext将搜索至少有一个类console.log($("#tableData tr:last input.inputtext").val());的输入。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="tableData" class="table table-hover">
    <tbody>
        <tr>
            <td>
                <input type="text" name="input_1" id="input_1" class="form-control inputtext"/> 
            </td>
            <td>
                ...
            </td>
            <td>
                ...
            </td>
        </tr>
        <tr>
            <td><input type="text" name="input_1" id="input_1" class="form-control inputtext" value="3234"/> </td>
        </tr>

    </tbody>
</table>

$("#tableData tr:first input[class=inputtext]").val();

Answer 2

如何使用类名
获取表格最后一行的第一个输入中的值

您在css选择器中使用的=运算符仅在值与您搜索的值完全相同时匹配元素。

您可以使用*=运算符代替匹配包含搜索值的元素。

＆＃13;

console.log($("#tableData tr:last input[class*=inputtext]").val());

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="tableData" class="table table-hover">
    <tbody>
        <tr>
            <td>
                ... 
            </td>
            <td>
                ...
            </td>
            <td>
                ...
            </td>
        </tr>
        <tr>
            <td><input type="text" class="form-control inputtext" value="1234"/> </td>
            <td><input type="text" class="form-control inputtext" value="4321"/> </td>
        </tr>

    </tbody>
</table>

＆＃13;

Answer 3

我想获取最后一行中第一个输入的值

在行上使用:last，在输入

上使用:first

$("#tableData tr:last input:first").val();

Answer 4

输入字段位于HTML节目的第一行，您使用的是最后一个，所以在这里它不适用于它

react-native-autobahnjs

逐个类地查找最后一个表中第一个输入的值

4 个答案: