javascript - 如何在jquery中选择div内的类元素

Question

我正在尝试实现此处描述的平滑滚动效果 jquery smooth scroll to an anchor?使用 Godaddy 的网站构建工具。不幸的是，该工具添加了许多自己的样板代码，而我自己的标记最终出现在其中。因此，似乎 jquery 脚本从未被调用，并且我没有平滑滚动效果，而是通常“跳转”到目标部分。

工具生成的标记如下，其中已添加外部 div 元素并“包装”我自己的标记( anchor 元素):

<div class="wsb-htmlsnippet-element"><a class="scroll" href="#things">Supported Things</a></div>

以类似的方式，目标元素 id 也包含在 div 中:

<div class="wsb-htmlsnippet-element"><section id="things"><h2>Supported Things</h2></section></div>

我应该如何修改下面复制的原始脚本，以便无论网站构建器工具使用多少额外的 div(或其他元素)来包装我自己的自定义标记，它都能正常工作？

$(".scroll").click(function(event){
   event.preventDefault();
   //calculate destination place
     var dest=0;
     if($(this.hash).offset().top > $(document).height()-$(window).height()){
          dest=$(document).height()-$(window).height();
     }else{
          dest=$(this.hash).offset().top;
     }
     //go to destination
     $('html,body').animate({scrollTop:dest}, 1000,'swing');
 });

Answer 1

要选择 div 中的类元素:

$("div.wsb-htmlsnippet-element").find(".someclass").click(function(event){
 . 
 .
 . 
});