我有一個表，它的行和 td 是用 foreach 創建的。因此無法預測可能有多少行。每行有兩個按鈕，伴隨著兩個相鄰的輸入欄位。參見圖片：表格影像 當您單擊一個按鈕時，我需要獲取它的相鄰輸入中的值，該輸入包含在 td 中。我什么都試過了：prev()、closest()、eg()。而且我無法弄清楚如何在 click 上隔離特定的輸入。我取得的最好成績是將一些 css 應用于所有輸入，而不是特定的合作輸入。
HTML
<tbody>
@foreach($registeredChildren as $child)
<tr>
<td class="col-2"><a href="'/getchild/' {{$child->child_id}}">{{$child->childFirstName}}</a>    {{$child->childLastName}}</td>
<!--========TIME IN===========-->
<td class="col-3 pb-2 timeIn">
<input id="{{$child->child_id}}" class=" form-control " value="{{$child->timeIn}}" style="text-align:center;" type="text">
</td>
<td><button class="btn btn-outline-success timeInReset">Reset</button></td>
<!-- //========TIME Out ===========//-->
<td class="col-3 pb-2"><input style="text-align:center;" class="form-control " type="text" ></td>
<td><button id="timeOut/{{$child->child_id}}" class="btn btn-outline-success out">Reset</button></td>
</tr>
@endforeach
</tbody>
腳本 - 這不起作用！
$(document).ready(function(){
$("button.timeInReset").click( function () {
$(this).closest("td.timeIn>input").css({"color": "red", "border": "2px solid red"});
});
uj5u.com熱心網友回復：
closest 不查找兄弟元素，而是從當前級別向上查找父元素的 DOM 樹。
對于集合中的每個元素，通過測驗元素本身并在 DOM 樹中向上遍歷其祖先，獲取與選擇器匹配的第一個元素
$("button.timeInReset").click( function () {
$(this).closest("tr").find("td.timeIn>input").css({"color": "red", "border": "2px solid red"});
});
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/348701.html
標籤：javascript html 查询