2014-01-11 110 views
0

我試圖刪除基於id和class一個div一個div但在執行時,我只能通過使用無論從ID或類而不是兩個單獨的值,將其刪除。刪除基於class和id

EX:

<div id="69" class="form-loader"> 
    test 69 
</div> 
<div id="70" class="form-loader"> 
    test 70 
</div> 

<input type="text" value="69" id="loader-form-val"/> 
<button class="form-delete-con">click</button> 

$('.form-delete-con').live("click",function() { 
    var del = $('#loader-form-val').val(); 
    $('#'+del+' .form-loader').remove(); 
}); 
+0

什麼jQuery的版本是您使用? –

+0

如果要使用控件的ID,然後在類不要求 – Kamlesh

回答

1

它含有的類名字符串中多餘的空白,.form-loader

$('.form-delete-con').live("click",function() { 
    var del = $('#loader-form-val').val(); 
    $('#' + del + '.form-loader').remove(); 
});    //^you had ' .form-loader' 

http://jsfiddle.net/r3vMW/1/

+0

嗯,你爲什麼用'」 .FORM-loader''選擇控制?如果您指定了'ID'元素,相信我,你不需要額外的選擇:)另外'活()'早就沒了...... –

+0

這是完全正確的!我只是問你爲什麼同時使用'ID'和'CLASS' ... –

0

ID s爲獨特因此你不需要有任何class事情

同樣來自jQuery的v.1.7.live()方法已不打擾它與.on()取代

這樣做工作:

$(document).on("click", '.form-delete-con', function() { 
    var del = $('#loader-form-val').val(); 
    $("#"+ del).remove(); 
});