如何在下面的html代碼段中獲取第二個輸入標簽的值？

Question

<td>
   <input class="checkboxColumn" name="An" value="9FFF8546C9E9A200F7780550E6A4B6F9610B29D3A" type="checkbox">
   <input id="AList" name="AList" value="9FFF8546C9E9A200F710550E6694B6F9610B29D3A|Disabled" type="hidden">
</td>

我在td上面是Jquery數據表的第一列。 我需要使用以下JavaScript邏輯來獲取#AList的值。 但是下面的警報顯示了迭代時所有行的第一個輸入標簽的值。 顯示第二個標簽的值需要做哪些更改？

    var rows = oTable.fnGetNodes();
    for (var i = 0; i < oTable.fnSettings().aiDisplay.length; i++) {
        debugger;
        // Get HTML of 3rd column (for example)
        alert($($(rows[i]).find("td:eq(0)").html()).val());
        }

顯示時

alert($(rows[i]).find("td:eq(0)").html());

警報顯示<td>內容的完整標記

我需要輸出為"9FFF8546C9E9A200F710550E6694B6F9610B29D3A|Disabled"

Answer 1

因為html()將內容作為html獲取。 您需要訪問td的input ，然后使用val()獲取它的值。

alert($(rows[i]).find("td:eq(0) #AList").val());

例如，您可以在這里看到（在示例中，我有意獲取table然后是td ）

 console.log($('table').find("td:eq(0) #AList").val()); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <table> <tr> <td> <input class="checkboxColumn" name="An" value="9FFF8546C9E9A200F7780550E6A4B6F9610B29D3A" type="checkbox"> <input id="AList" name="AList" value="9FFF8546C9E9A200F710550E6694B6F9610B29D3A|Disabled" type="hidden"> </td> </tr> </table> 

Answer 2

alert（$（rows [i]）。find（“ td #AList”）。val（））;

這應該工作。 您將能夠獲得所需的值。

Answer 3

如果將td中所有第二個輸入框的大小寫歸納，則使用偽選擇器-nth-child（n）。

alert($(rows[i]).find("td>input:nth-child(2)").val());