Question

我对jquery很新，我确实尝试在网上找东西，这就是我想出来的。需要帮助才能实现以下方案：

如何编写jQuery以完全匹配以下各项？

div class="plugin-container plugin-news_home_feature"

div class="plugin-container plugin-news_home_feature plugin-section-wrapper"

无论我为第一个div类编写代码时我做了什么，第二个也被捕获

我已尝试过这些，但没有人正在使用

jQuery(".plugin-container.plugin-news_home_feature")

jQuery(div[class="plugin-container plugin-news_home_feature"])

jQuery(".plugin-container.plugin-news_home_feature").not(".plugin-container plugin-news_home_feature.plugin-section-wrapper")

我尝试了每个插件之间的时间段，没有任何东西对我有效。

提前致谢

--- ---更新

因此，我尝试做的是使用Google跟踪代码管理器捕获事件，但事件正在同一个桶中捕获。这就是我所拥有的。

    $("div.plugin-container.plugin-news_home_feature").not('div.plugin-section-wrapper').on('click', function (e) {
  dataLayer.push({
        event: 'homeTracking',
        action: 'Featured Stories under First Hero'
    });
});


jQuery(".plugin-container.plugin-news_home_feature.plugin-section-wrapper").on('click', function (e) {
  dataLayer.push({
        event: 'homeTracking',
        action: 'First Read Feature'
    });
});

Answer 1

您可以在JQuery选择器中使用 :not() CSS pseudo-class selector 来排除您不想要的那个。

$("div.plugin-container.plugin-news_home_feature:not(div.plugin-section-wrapper)").addClass("test");

.test { background-color:yellow; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="plugin-container plugin-news_home_feature">First Div</div>

<div class="plugin-container plugin-news_home_feature plugin-section-wrapper">Second Div</div>

Answer 2

这应该有效

$("div.plugin-container.plugin-news_home_feature").not("div.plugin-section-wrapper");

jQuery：如何精确匹配Div类

2 个答案: