我會盡量保持這個簡短。我試圖創建一些隱藏或顯示用戶單擊擴展按鈕時顯示的文本框。我正在使用toggle()方法。jQuery.each()麻煩
標記是這樣的:
<span id="toggle0">+</span>
<div id="toggle0Container">
blablabla...
<div>
<span id="toggle1">+</span>
<div id="toggle1Container">
blablabla...
<div>
<span id="toggle2">+</span>
<div id="toggle2Container">
blablabla...
<div>
// etc
的#toggle0應該切換#toggle0Container,toggle1切換的#toggle1Container等等#。這全部由PHP生成,因此可以有任意數量的這些容器。
這裏是jQuery代碼:
$(document).ready(function() {
// array of numbers, it's pretty redundant, there will never be more than 30 containers
var arr = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9 , 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36];
// hide all containers first
jQuery.each(arr, function() {
$('#toggle' + this + 'Container').hide();
});
// now the toggle buttons
jQuery.each(arr, function() {
$('#toggle' + this).click(function() {
// this line is not working
$('#toggle' + this + 'Container').slideToggle('slow');
// and this just changes the toggle button from + to -
if ($(this).html() == '+') {
$(this).html('-');
} else {
$(this).html('+');
}
});
});
});
它的工作原理除了來回切換部分(我補充說,不工作線以上的評論)。問題在哪裏?
小錯字在`find`電話,你有相當^比^ = – 2009-07-16 17:17:48
謝謝 - 修正 – 2009-07-16 17:24:30