複雜的jquery選擇器循環功能

Question

我需要在列表中找到一個具有特定ID的<a>，其中href等於變量<li>（然後向它添加一個特定的類）。

<ul id="elementSelectionList"> 
    <li><a href="#bzm_tagline" class="text">Tagline</a></li> 
</ul> 

<input id="form_tagline" name="tagline" value=""> 

。

$('#fields input').each(function(){ 
     var elementListing = this.id.replace('form', 'bzm'); 

     if(!$(this).val()) { 
      $('#elementSelectionList li a[href*="#' + elementListing + '"]') 
       .hasClass('text') 
       .removeClass('filled') 
       .addClass('empty'); 
     } 
}); 

我收到錯誤：object false has no method'removeClass'。 想知道我怎麼能acheive什麼，我試圖做...

Answer 1

你的JS稍微不正確。這裏不用什麼看起來會更好：

$('#fields input').each(function(){ 
     var elementListing = this.id.replace('form', 'bzm'); 
     var element = $('#elementSelectionList li a[href="#' + elementListing + '"]'); 

     if(!$(this).val() && element.hasClass('text')) { 
      element 
       .removeClass('filled') 
       .addClass('empty'); 
     } 
}); 

hasClass，自然，返回boolean，不是jQuery object

Answer 2

我認爲elementSelectionList選擇應該是：

$('#elementSelectionList li a[href*="#' + elementListing + '"]') 

例如它應該以'＃'開始。此外，請確保在#fields div/form（？）之後定義了javascript，如果將其包含在<script>標記中。

Answer 3

的.hasClass method返回布爾，因此不適用於鏈接。

既然你似乎在做什麼是對元素與的.text類.removeClass('filled').addClass('empty')，你可能也只是添加此的選擇：

$('#fields input').each(function(){ 
    var elementListing = this.id.replace('form', 'bzm'); 

    if(!$(this).val()) { 
     $('#elementSelectionList li a.text[href*="#' + elementListing + '"]') // Added .text here! 
      .removeClass('filled') 
      .addClass('empty'); 
    } 
});