jquery - 如何使用JQuery在两个不同的表中更改TH的样式

Question

我有这个 HTML 和两个不同的表:

<table class="mTabla" id="sdsdsdsf" style="margin: 0px auto; width: 100%; text-align: left; border-collapse: collapse;" border="1" rules="all" cellspacing="0">
  <tbody>
    <tr>
      <th style="display: none;" scope="col">#IdOculto</th>
      <th style="width: 200px;" scope="col">A1</th>
      <th style="width: 250px;" scope="col">A2</th>
      <th style="width: 200px;" scope="col">A3</th>
    </tr>
    
    <tr id="sdsdsds" style="cursor: pointer;">
      <td style="display: none;">57</td>
      <td>D1</td>
      <td>D1</td>
      <td>D1</td>
    </tr>
    
    <tr id="sdsdsds" style="cursor: pointer;">
      <td style="display: none;">58</td>
      <td>D2</td>
      <td>D2</td>
      <td>D2</td>
    </tr>       
  </tbody>
</table>    
    
<table class="mTabla" id="sdsdsd" style="margin: 0px auto; width: 100%; text-align: left; border-collapse: collapse;" border="1" rules="all" cellspacing="0">
  <tbody>
    <tr>
      <th style="display: none;" scope="col">#IdOculto</th>
      <th style="width: 200px;" scope="col">A1</th>
      <th style="width: 250px;" scope="col">A2</th>
      <th style="width: 200px;" scope="col">A3</th>
    </tr>
    
    <tr id="sdsdsds" style="cursor: pointer;">
      <td style="display: none;">57</td>
      <td>D1</td>
      <td>D1</td>
      <td>D1</td>
    </tr>
    
    <tr id="sdsdsds" style="cursor: pointer;">
      <td style="display: none;">58</td>
      <td>D2</td>
      <td>D2</td>
      <td>D2</td>
    </tr>       
  </tbody>
</table>

我需要使每个表格的第一个可见的TH元素具有边框半径。需要考虑的事项:我无法编辑 HTML 或 CSS 文件，我被要求只能使用 JQuery 来编辑，但我对此感到迷失。表的 ID 不是代码中的 ID，但无论如何它们是动态的。

我的 jQuery 代码:

var testimonialElements = $(".mTabla");
for(var i = 0; i < testimonialElements.length; i++){
    $('th:visible:eq(0)').css("border-radius", "6px 0 0 6px");
}

这段代码部分满足了我的需要。它将我想要的样式应用于第一个 mTable 的第一个可见 TH，但不会将其应用于第二个 mTable 的第一个可见 TH。我需要一个对两个表都有效的解决方案。我将非常感谢您的帮助。

Answer 1

以下是如何将边框半径应用于两个表格的第一个可见 TH。

$(".mTabla").each(function(){
    $(this).find('th:visible:eq(0)').css("border-radius","6px 0 0 6px");
})

我不知道向 TH 元素添加边框半径是否是一个好主意，但这不是问题。 :)