Question

我已经把这部分放在桌子上

<tr class="getmoreinfo_19">
    <td>&nbsp;</td>
    <td colspan="3">
        <div class="alert alert-warning alert-dismissible fade show" role="alert">
             <i class="far fa-window-close getmoreinfo_x"></i>txt
        </div>
    </td>
</tr>

现在，我想在单击"<i class="far fa-window-close getmoreinfo_x"></i>"图标时将其隐藏。

为此，我想切换一个display:none类。

我的问题是，我不知道如何选择最接近的“ tr”，其类名以“ getmoreinfo_”开头？

有可能，如果有可能吗？

非常感谢。

Answer 1

如果您使用的是javascript，请尝试17553,test,student,test_student@testdomain.com,2016,1811,A,_,_

请注意，这是假设所点击的目标是.closest('tr[class^="getmoreinfo_"]')，而<i>元素始终始终只有类tr 。如果您的getmoreinfo_有更多的课程，请考虑使用此方法：

tr

.closest('tr[class*="getmoreinfo_"]')

<table>
  <tr class="getmoreinfo_1" data-row="1">
    <td>
      <div class="item"><span></span><i class="icon-x">X</i></div>
    </td>
  </tr>
  <tr class="getmoreinfo_1" data-row="2">
    <td>
      <div class="item"><span></span><i class="icon-x">X</i></div>
    </td>
  </tr>
  <tr class="getmoreinfo_1" data-row="3">
    <td>
      <div class="item"><span></span><i class="icon-x">X</i></div>
    </td>
  </tr>
</table>

希望获得帮助

如何通过类名的第一部分选择最接近的元素？

1 个答案: