javascript - 压缩Jquery使其更清洁

我试图从另一个故事中实现它，但是它没有用...我正在尝试做类似的事情。

Condensing Javascript/jQuery Code

我不知道它是否仍在活动。

我正在尝试转换

$("#coll-1").click(function(){
    $(".coll-1").stop().slideToggle();
    return false;
});

$("#coll-2").click(function(){
    $(".coll-2").stop().slideToggle();
    return false;
});

入这个

$('[id^="coll-"]').click(function(){
    alert("This works?");
    $(this).find('[class^="coll-"]').stop().slideToggle();
    return false;
});

<div class="col-xs-12 col-sm-2 cwrap nursel">
  <span class="colour"></span>
  <div class="card card-block">

<hr/>

<div class="col-xs-12 nill">
    <p class="card-text">Lorem ipsum dolor sit amet, consectetur.
      <span class="coll-2">
      Maecenas mattis purus nunc, et molestie risus porttitor a. Phasellus ex lacus, viverra sed tempus at, cursus quis tortor. Cras tempor mollis.
      </span>
    </p>
</div>

<div class="col-xs-12 nill mar_bott">
<a id="coll-2" href="" class="">Show more  <span class="indicator glyphicon glyphicon-plus"></span></a>
</div>

  </div>
</div>

到目前为止，它不起作用。

最佳答案

您不应该在$(this)中搜索。只需获取当前元素的ID，然后将其转换为类选择器即可。

$("[id^=coll-]").click(function(e) {
    e.preventDefault();
    var theClass = this.id;
    $("." + theClass).stop().slideToggle();
});