当前位置 : 主页 > 网页制作 > JQuery >

jQuery使用部分字符串查找完整的类名

来源:互联网 收集:自由互联 发布时间:2021-06-15
我有不同类别名称的幻灯片’左”’右”’在底部’等.我需要首先找到任何一个以’in-‘开头的类的幻灯片,但是我需要将完整的类名’in-left’用于switch语句.我试图找到最有效的方法来
我有不同类别名称的幻灯片’左”’右”’在底部’等.我需要首先找到任何一个以’in-‘开头的类的幻灯片,但是我需要将完整的类名’in-left’用于switch语句.我试图找到最有效的方法来做到这一点,希望没有正则表达式?

通常我会使用数据属性data-in =“left”,但不能用于此项目.

<div class="container">
    <div class="slide in-left"></div>
    <div class="slide in-right"></div>
    <div class="slide in-bottom"></div>
    <div class="slide in-top"></div>
</div>

jQuery的

var $els = $('.slide[class*="in-"]');
$.each( $els, function(k, v){
  var type = v; // Get full class name for classes that start with 'in-'
  switch (type) { 
    case 'in-left':
      // Transition in from left
    break;
    case 'in-bottom':
      // Transition in from bottom
    break;
  }
});
如果你知道可能的值,使用 hasClass怎么样?

$('.slide').each( function(){
  var $this = $(this);
  if ($this.hasClass('in-left')) {

  } else if ($this.hasClass('in-bottom')) {

  } /* else if() ... */
});
网友评论