无法在jquery中使用“this +'div.someclass'”

Question

为什么这样做：

$('.btn').on('click', function(e) {
    e.preventDefault();
    $('.btn div.custom').html('<i class="check"></i>');
});

但这不是？ ：

$('.btn').on('click', function(e) {
    e.preventDefault();
    $(this + ' div.custom').html('<i class="check"></i>');
});

如何将其与其他一些选择器结合使用？如何在jQuery中实现？

Answer 1

使用.find()选择后代元素

$('.btn').on('click', function(e) {
    e.preventDefault();
    $(this).find('div.custom').html('<i class="check"></i>');
});

或使用上下文，

$('.btn').on('click', function(e) {
    e.preventDefault();
    $('div.custom',this).html('<i class="check"></i>');
});