jQuery Selector預計

Question

我的問題與我的jQuery代碼在哪裏我的Firebug給我警告：選擇器的預期。

下面是代碼：

$("img[id$='_tick']").each(function() { 

    $(this).click(function() { 

     var tickIDFinder = $(this).attr("id"); 
     var tickSection = tickIDFinder.slice(0,1); 

     var checkboxID = "\"input[id^='" + tickSection + "_checkbox_']\""; 
     var airTableID = "#" + tickSection + "_airline_table tr"; 

     $(checkboxID).each(function() { 

      if ($(this).is('checked')) { 
       alert("Checkbox is Checked."); 
      } 

      $(this).attr('checked','checked'); 

     }); 

    }); 

}); 

我試圖做的是寫一個jQuery允許用戶點擊一個鏈接（如圖像）。當用戶點擊這個圖像時，它會'檢查'指定的所有複選框。然後我會從Firebug獲得Selector預期的警告。

jQuery本身正在按照我的預期工作。我只是想嘗試解決警告。

任何人都可以幫忙嗎？我真的很感激。

感謝您的想法堆。

Answer 1

除了其他的答案，這可以進一步簡化，像這樣：

$("img[id$='_tick']").click(function() { 
    var tickSection = this.id.slice(0,1); 

    var checkboxID = "input[id^='" + tickSection + "_checkbox_']"; 
    var airTableID = "#" + tickSection + "_airline_table tr"; 

    $(checkboxID).each(function() { 
     if (this.checked) { 
      alert("Checkbox is Checked."); 
     } 
     $(this).attr('checked', true); 
    }); 
}); 

這裏有幾件事：

• 你不需要.each()，只需.click()，它會綁定到他們所有的人。
• 在可用時使用DOM屬性，例如， this.id和this.checked
• 的checkboxID有額外的引號的選擇，刪除它們

可能找不到調試，這是更簡單，如.attr()作品上的多個元素，以及：

$("img[id$='_tick']").click(function() { 
    $("input[id^='" + this.id.slice(0,1) + "_checkbox_']").attr('checked', true); 
}); 

Answer 2

更換

if ($(this).is('checked')) 

與

if ($(this).is(':checked')) 

見:checked

您可以使用this.id這將快於$(this).attr("id")

var tickIDFinder = this.id; 

Answer 3

更換

var checkboxID = "\"input[id^='" + tickSection + "_checkbox_']\""; 

與

var checkboxID = "input[id^='" + tickSection + "_checkbox_']"; 

（除了什麼@rahul說:)