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

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() {

  const selectedOptionIndex = this.options[this.selectedIndex].index;

  const invoiceDateText = this.closest('tr').querySelector('.customer').textContent;

});

Answer 2

该closest方法使用querySelector来查找最近的。

    var invoiceDateText = this.closest('.customer').textContent;

然后，这应该在文档根目录中搜索DOM与客户类最接近的元素。

如果您想搜索最近的tr带有customer类的单元格，而不是将其修改为。

    var invoiceDateText = this.closest('tr>.customer').textContent;