javascript - jQuery 查找元素之前的第一个属性

Question

我有以下结构:

<tr data-commercial="commercial_8">
  <td class="tdCommercial">
    Mister X
  <h4>Planning</h4>
  <ul>
    <li data-day="Monday">
      <i class="fa fa-plus-square fa-1"></i>
      <i class="fa fa-minus-square fa-1"></i>
      Lundi
      <span class="number">2</span>
    </li>
    <li data-day="Tuesday">
    <li data-day="Wednesday">
    <li data-day="Thursday">
    <li data-day="Friday">
  </ul>
  </td>
<td class="Monday"></td>
<td class="Tuesday"></td>
<td class="Wednesday"></td>
<td class="Thursday"></td>
<td class="Friday"></td>
<td class="Saturday"></td>
<td class="Sunday"></td>
</tr>

对于 jQuery，我使用 onClick具有元素 <i class="fa fa-plus-square fa-1"></i> 的事件.

检索 data-commercial 的最佳方式是什么？第一个 tr 上的属性来自这个元素？

结构可以改变，所以我需要类似“在 myElement 之前找到第一个数据商业属性”

谢谢!

Answer 1

使用 .closest()

For each element in the set, get the first element that matches the selector by testing the element itself and traversing up through its ancestors in the DOM tree.

示例:

var commercial = $(this).closest('tr').data('commercial');

注意:已提供this引用元素<i class="fa fa-plus-square fa-1"></i>