Question

我在php echo语句中有下面的代码。括号是空的，但可以向你保证我在里面修改CSS的声明有效 - 有一个漏洞。

我希望它适用于class属性等于＆＃34; zoom＆＃34;或＆＃34;先缩放＆＃34;。不幸的是，它适用于所有具有＆＃34; zoom＆＃34;课程，包括＆＃34; woocommerce-main-image zoom＆＃34;。

我可以用＆＃34; woocommerce-main-image＆＃34;排除元素。 class，但我更喜欢更清晰的解决方案，将我的代码应用于具有以下2个指定类属性的元素：

if ($(this).hasClass("zoom") || $(this).hasClass("zoom first")) {}

Answer 1

如果要搜索具有＆＃34;缩放＆＃34;的元素。 class exclusive，或者同时包含＆＃34; zoom＆＃34;和＆＃34;第一＆＃34;只有，也许你可以试试下面的内容：

＆＃13;

var search = ["zoom", "zoom first"];

$.each(search, function(i, v) {
  var classes = v.split(' ');

  $('.' + classes.join('.'))
    .filter(function() {
      return $(this).attr('class').split(' ').length == classes.length;
    })
    // Do something here
    .css('background', 'yellow');
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="zoom">zoom</div>
<div class="zoom foo">zoom foo</div>
<div class="first zoom">first zoom</div>
<div class="zoom first">zoom first</div>
<div class="zoom foo first">zoom foo first</div>
<div class="zoom first foo">zoom first foo</div>

＆＃13;

jQuery如果条件完全匹配类

1 个答案: