javascript - 仅当 CSS 类存在时才运行 jQuery 函数

Question

我制作了一个简单的 jQuery 函数来 trim 文本。我这样触发它:

// JS
function truncate() {

   <! – Stuff to do -->

}
truncate();


// ...    


// HTML
<div class="Truncate" data-words="60">

    <! – Text to Trim -->

</div>

问题是，每当我加载一个没有带有类“Truncate”的 DIV 的页面时，该函数都会给我一个错误。

所以我只想在 <div> 时触发它有没有。其实我想要 <div>本身触发功能。

我知道我可以将它包装在检查类的 IF 语句中，但我想知道是否可以使用 jQuery 我可以通过选择器调用它，例如:

$('.Truncate').myfunctionName() {
   my stuff
};

这是创造性的语法，只是为了让你理解。

...提前致谢。

Answer 1

简单的回答，如果我答对了。

function doStuff(elements) {
  console.log('doing stuff...');
}

$(function() {
  var truncates = $('.Truncate');

  if (truncates.length) { // here you validate if there is any element with that class
    doStuff(truncates);
  }
});

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