Javascript jQuery.当数据日期相同时添加类

Javascript jQuery . Add class when the same data-date

本文关键字：添加 日期 jQuery 数据 Javascript      更新时间：2023-09-26

我有两个表

 <table>
     <tr>
       <td class="myclass" data-date="2015-07-09"> Some text </td>
     </tr>
 </table>
 <table>
    <tr>
       <td data-date="2015-07-09"> Text </td>
    </tr>
 </table>

我想做的是：

首先取类"myclass"并添加一个新类"newclass"。我可以通过$('.myclass').addClass('newclass'); 轻松完成

其次，如果存在<td>，其具有与.myclass<td>，并且还将其添加到新发现的<td>.newclass

提前感谢

您可以使用：

 $('td[data-date='+$('.myclass').data('date')+']').addClass('newclass');

这将满足您正在寻找的两个条件。即向两个td元素添加类。

$('.myclass').data('date')将获得myclass元素的日期。和属性值选择器，以针对与myclass（包括myclass本身）具有相同数据的所有td元素。

您可以简单地执行：

$('.myclass').each(function () {
    $('td[data-date="' + $(this).attr('data-date') + '"]').addClass('newclass');
}):

这将向具有相同数据日期的每个元素添加新的类，包括具有myclass 的原始类

此外，即使您有多行myclass，假设您的问题比实际需要更基本，这也会很好。

试试这个

$("td[data-date='2015-07-09']").addClass('myClass');

如果给表指定一个id，可以使它变得更简单
如CCD_ 6和CCD_。

在这种情况下，你将能够用这个代码做到这一点：

$("#first-table-name .myclass").each(function() {
    $(this).addClass("newClass");
    $("#second-table-name td[data-date='" + $(this).data('date') + "']").addClass("newClass");
});
相关文章：