javascript - 使用 jQuery 保存多次点击而不是 1 次

Question

我的 jQuery 函数有问题。我有一个保存一些值的表单。我有称为“点”的可点击元素，用户可以在其中说明该问题的重要性。每个问题都有这个可点击元素，但问题是用户只能选择 1 个可点击元素...

如果我单击另一个元素，它会亮起并向其添加“extra-important”类，但不会保存它。当我单击“保存”时，它仅保存了第一次单击的问题，而不是全部。 我想要的是:它应该拯救他们所有人。

我做错了什么？这是片段..

function change_importance_question (e) {
    var t = jQuery("#" + e).closest("form"),
        n = e.substring(e.indexOf("_") + 1),
        n = n.substring(0, n.indexOf("_"));
    jQuery("input[name*='_question']", t).val(n);
    jQuery("#" + e).removeClass("not-important").addClass("extra-important")
}

有人可以解释一下如何让他们保存每一个(点击时)吗？我必须使用 preventdefault 吗？

Answer 1

您是否尝试记录“t”和“n”的值以确保每次都不相同或未定义？

function change_importance_question (e) {
    // when I run this code with e is the event i get 
    // Error: Syntax error, unrecognized expression: #[object Object]
    var t = jQuery("#" + e).closest("form");
    console.log(t)
    var n = e.substring(e.indexOf("_") + 1);
    console.log(n);
    n = n.substring(0, n.indexOf("_"));
    console.log(n)
    // if t is undefined it will find and set all input elements named _question on the entire page
    jQuery("input[name*='_question']", t).val(n);
    jQuery("#" + e).removeClass("not-important").addClass("extra-important")
}