如何在最近的标签中找到类？

Question

如何使用 Java Script 在最接近的标签中找到类？需要在 . 例子如下：

       <tr>

            <td class="customer">

                @Html.DisplayFor(modelItem => item.Cust)

            </td>

            <td>

                <select id="decisionList">

                    <option value="0" selected></option>

                    <option value="1">None</option>

                </select>

            </td>

       </tr>

我在 JS 中试过这个：

document.querySelectorAll("#decisionList").forEach(elem => elem.addEventListener("change", function () {

    var selectedOptionIndex = this.options[this.selectedIndex].index;  //this works perfectly

    var invoiceDateText = this.closest('tr').find('customer').textContent; //this doesn't work

// ...some other code

Answer 1

我想这就是你要找的：document.querySelector("#decisionList").addEventListener('change', function() {&nbsp; const selectedOptionIndex = this.options[this.selectedIndex].index;&nbsp; const invoiceDateText = this.closest('tr').querySelector('.customer').textContent;});

Answer 2

该closest方法使用querySelector来查找最近的。&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;invoiceDateText&nbsp;=&nbsp;this.closest('.customer').textContent;然后，这应该在文档根目录中搜索DOM与客户类最接近的元素。如果您想搜索最近的tr带有customer类的单元格，而不是将其修改为。&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;invoiceDateText&nbsp;=&nbsp;this.closest('tr>.customer').textContent;