jQuery的if語句：部分ID匹配中<a>

Question

目標HREF＃： 防止yes類從一個元素被刪除，如果它沒有被添加到另一個。

我有以下代碼：

jQuery(function($){ 
    $(window).scroll(function() { 
     var position = $(this).scrollTop(); 

     if ($('#services').length) { 
      $('section').each(function() { 
       var target = $(this).offset().top; 
       var id = $(this).attr('id'); 

       //if statement goes here i think? 

       if (position >= target - 79) { 
        $('.menu-wrap > ul > li > a').removeClass('yes'); 
        $('.menu-wrap > ul > li > a[href*="#' + id + '"]').addClass('yes'); 
       } 
      }); 
     }; 
    }); 

}) 

我想寫一個嵌套if語句，將觸發position >= target如果菜單項鍊接之一（<a href="#~"/>）相同的任何id頁面上的section元素。根據要求

<div class="menu-wrap"> 
    <ul class="nav"><li><a href="#home"/></li><li><a href="second"/></li></ul> 
</div> 
<section id="home"></section> 
<section id="an-id-that-isnt-in-the-menu"></section> 
<section id="second"></section> 

Answer 1

你if說法應該是這樣的

HTML：

var selector = ".menu-wrap > ul > li > a[href=#" + id + "]"; 
if ($(selector).length) { 

有了您的JS：

jQuery(function($){ 
    $(window).scroll(function() { 
     var position = $(this).scrollTop(); 

     if ($('#services').length) { 
      $('section').each(function() { 
       var target = $(this).offset().top; 
       var id = $(this).attr('id'); 
       var selector = ".menu-wrap > ul > li > a[href=#" + id + "]"; 

       if ($(selector).length > 0) { 
        if (position >= target - 79) { 
         $('.menu-wrap > ul > li > a').removeClass('yes'); 
         $('.menu-wrap > ul > li > a[href*="#' + id + '"]').addClass('yes'); 
        } 
       } 
      }); 
     }; 
    }); 
});