Question

CSS

.inactive {
        border: 2px solid red;
    }
    .active {
        border: 2px solid green;
    }

html输出

<img class="responsive-img playlist inactive" id="<?php echo $row->tafel_id;?>" src="<?php echo $src; ?>">

js点击功能

$(".playlist").click(function() {
if( $(this).hasClass('inactive') ){
    $(this).removeClass('inactive');
    $(this).addClass('active');
    $('<input>').attr({type: 'hidden', name: 'tafel_id', value: $(this).attr('id')}).appendTo('form');
} else {
    $(this).removeClass('active');
    $(this).addClass('inactive');
    var input = "<input value="+'"'+$(this).attr('id')+'"'+">";
    $(input).remove();
}});

$(input).remove();

中的错误

例如

<input value="268">

非常感谢！

Answer 1

你可以这样做

$("input[value='"+$(this).attr('id')+"']").remove();

它会删除value为$(this).attr("id");

的输入字段

Answer 2

看起来您正在尝试在代码中执行两项操作。

1-在两个班级之间切换。您正在为此编写额外的代码行。你仍然可以在一行中实现这一目标

要在两个类之间切换，您应该使用

override func loadView() {
  super.loadView()
}

2-删除您要点击的输入字段。

要删除$(element).toggleClass("inactive active");字段，您可以使用

input

Answer 3

只需删除$(input).remove();并添加以下代码即可。因为您已为输入指定了名称。所以你可以按名称删除它

$('[name="tafel_id"]').remove();

使用this.id X删除输入字段

3 个答案: