如何在jQuery中的div中選擇類元素

Question

我正在嘗試實現此處描述的平滑滾動效果jQuery平滑滾動到錨點？ 使用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){
 . 
 .
 . 
});

Answer 2

據我所知，無論錨周圍有多少元素，您的腳本都已經可以工作。

編輯：感謝downvote，雖然我是正確的： https : //jsfiddle.net/wfvjus0h/

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

<div class="longdiv">aeaeaeae</div>

<div class="wrapper1""><div class="wrapper2"><div id="things">Things</div></div></div>