Javascript 从表的最近行中查找textarea的值

我在一个td中有一个按钮更新，我想从同一个tr获取td的两个textarea的值。 有很多tr，所以我必须使用

closest（）

方法来查找元素。我试图找到元素，但它不起作用

HTML:-

<tr>
    <td>
        <div class="agenda-date">
            <div class="dayofmonth color_font_date">2017-05-31</div>
            <div class="dayofweek">
                Wednesday                                            
            </div>
        </div>
    </td>
    <td>
        <div class="row margin_two_planner">
            <button type="button" class="btn btn-sm btn-primary">AM </button> 
            <a data-toggle="modal" href="#add_apt_status" class=""><input type="number" value="3" name="" class="number_planner"></a>
            <label class="control-label"> 6 </label>
        </div>
        <div class="row margin_two_planner">
            <button type="button" class="btn btn-sm btn-primary">PM </button> 
            <a data-toggle="modal" href="#add_apt_status" class=""><input type="number" value="4" name="" class="number_planner"></a>
            <label class="control-label"> 2 </label>
        </div>
    </td>
    <td style="width: 20%;"> 
            <textarea id="" class="form-control initial_cap appointment_note" required="required" rows="3" name="appointment_note" cols="50" aria-required="true" disabled=""> APT -1 </textarea>
    </td>
    <td style="width: 20%;"> 
        <textarea id="" class="form-control initial_cap holiday_note" required="required" rows="3" name="holiday_note" cols="50" aria-required="true" disabled=""> Holiday - 1 </textarea>
    </td>
    <td>
        <div class="text-right">
            <button type="button" id="" class="btn btn-primary appointment_edit_button">Edit </button>
            <button type="button" id="" onclick="planner_note_edit(1)" class="btn btn-md btn-primary appointment_update_button" style="display:none"> Update </button>
            <button type="button" id="" class="btn btn-md btn-cancel appointment_cancel_button" style="display:none">Cancel </button>
        </div>
    </td>
</tr>

---

但是我无法从最近的td获取textarea的值。

您应该从当前的

行获取
textarea

因此，请使用
.nexist（'tr'）

此外，还必须传递已单击的按钮对象<代码>函数中的此

是对

窗口

对象的引用

function planner_note_edit(planner_note_id,event)
{

    appointment_note = $(event.target).closest('td').find(".holiday_note").val();
    alert(appointment_note);
}

HTML

更新

您可能正在查找

$（this）.closest（'tr'）。查找（“.holiday\u note”）…

。注意：您应该找到“tr”元素的

tr

而不是

td

。我通常使用$（this.parents（'tr'）.find（'holiday_note'）.val（）。感谢您的回复。它也不起作用，它显示我没有定义。我已经尝试使用

$（this）.closest（'tr'）.find（'holiday_note'）.val（）可能是因为我在一个td中，我想从另一个td中获取值？我不确定。当使用
console.log（$（this.recest（'tr'）。find（“.holiday\u note”））
时，您在控制台中看到了什么？@Bhavin，我想我明白您的问题了！看看最新的答案。是的，这就是问题所在。谢谢您宝贵的时间。：）
appointment_note = $(this).closest('tr').find(".holiday_note").val();

function planner_note_edit(planner_note_id,event)
{

    appointment_note = $(event.target).closest('td').find(".holiday_note").val();
    alert(appointment_note);
}

<button type="button" id="" onclick="planner_note_edit(1,event)" class="btn btn-md btn-primary appointment_update_button" style="display:none"> Update </button>