将代码从PrototypeJS转换为jQuery

Question

将PrototypeJS转换为jQuery时出现问题。我的原型JS是

function remove_invitation(target) {
  if (confirm('Delete this invitation?')) {
    $$('div#'+target+' input.hidden_delete')[0].setValue('1')
    Element.hide(target);  
   }
}

我已经转换为jQuery为

function remove_chore(target) {
  if (confirm('Delete this chore?')) {
    $('div#'+target+'input.hidden_delete').first().val(1);
    // $('div#'+target).hide();
    $('div#'+target).css("display","none");
  }
}

但它没有工作，因为它正在使用PrototypeJS。

Answer 1

尝试在这里留一个空格：

$('div#'+target+' input.hidden_delete').first().val(1);
// --            ^ add space here

此外，由于id是唯一的，因此您可以使用#代替div#：

function remove_chore(target) {
    if (confirm('Delete this chore?')) {
        $('#'+target+' input.hidden_delete').first().val(1);
        // $('div#'+target).hide();
        $('#'+target).css("display","none");
    }
}