Question

我正在尝试根据id和类删除div但是在执行时我只能使用id或class中的单个值来删除它，但不能同时删除它。

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();
});

Answer 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/

Answer 2

ID 唯一因此您无需担心任何class件事

同样来自jQuery v.1.7，.live()方法已被弃用，并且已被.on()

取代

这将完成这项工作：

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

根据类和id删除div

2 个答案: