HTML セクション
値を表示する div
<div class="lef rightCol n">
<span class="para"> add-on Services(Optional)</span>
<div class="new">
<ul>
</ul>
</div>
</div
ドロップダウンを含む div
<div class="rightCol n mar ">
<span id="at1" class="spn">Click here to add add-on Services</span>
<ul id="ad1" class="drpdwn">
<li><input type="checkbox" id="ck1" value="1"><a id="a1">Drop Shadows</a></
li>
<li><input type="checkbox" id="ck2" value="2"><a id="a2">Reflections</a> <
li>
<li><input type="checkbox" id="ck3" value="6">General Spotting</a></li>
</ul>
クリックしながらこのスライドダウンを試しました
jQuery
クリックしながら下にスライド at1(Span)
これは、新しい div のスパンで表示するための試みです
ここで、どこで Push() を使用する必要がありますか? ほとんどの場合、強制的に使用する必要があります。どのように、何のために使用するのかわかりません
var ots = [];
$('#at1,#at2,#at3,#at4,#at5,#at6').click(function(){
$(this).next('.drpdwn').stop().slideToggle();
}),
$('#ck1').click(function()
{
option=$('#a1').text();
$('.new ul').append('<li><span id="span1" alt="1" ></span></li>');
$('#span1').html(option).addClass('surr');
ots.push({id: 1});
}),
$('#ck2').click(function()
{
option=$('#a2').text();
$('.new ul').append('<li><span id="span2" alt="1" ></span></li>');
$('#span1').html(option).addClass('surr');
ots.push({id: 2});
}),
今、私はいくつかの値を配列 ots に移動しましたが、追加します 今問題は、配列を使用して新しく作成されたスパンの alt 属性を取得する方法です..?これらのように使用すると、明らかに機能しません
何らかの機能
var f = $('.new span').length;
ad=o;
cs=o;
for(i=1;i<=f;i++)
{
$.each(this.opt, function() {
$.each(this, function(name, value) {
cs=eval($( "#span"+value).attr("alt"));
console.log(name + '=' + value);
ad+=cs;
console.log("ad: "+ad);
})
})
}
広告がNanとして表示され、1、2、1、2、3のように作成されたIDをクリックするたびに、チェックボックスを選択するたびにこのように再生されます。