javascript - 如何将多个变量从函数传递给jquery attr

Question

This question is related to How to pass multiple variables from function to function

所以在上面的链接中，您可能已经看到如何将一个变量(或多个变量)从一个函数传递到另一个函数，但是如果您想将它从一个常规的 js 函数传递到 jquery 中怎么办？ attr() 值？

这可能听起来很奇怪，这就是为什么我要包括一个例子。

$(function() {

  function definingVars() {
    var Value = "Sucess with the value";
    var Id = successWithTheId;
    var Class = sucessWithTheClass;
    return [Value, Id, Class];
  }

  $("input").attr({
    //  var df = definingVars();  Incorrect syntax!!!
    value: df.Value,
    id: df.Id,
    class: df.Class
  })

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="noSucessWithTheId" class="noSucessWithTheClass" value="No sucess with the value">

但正如您所看到的那样，应该大声说出 attr jquery 函数以从 definingVars() 捕获值的那一行被清楚地注释掉了，因为这不是正确的语法。

但是你怎么还能传递这些变量呢？

这是我的问题

Answer 1

您要做的是将多个属性传递给 .attr()，为此我们使用具有键/值对的对象。

所以你可以做的是从 definingVars 返回一个对象，并将 definingVars 返回的值作为参数传递给 attr()喜欢

$(function() {

  function definingVars() {
    var Value = "Sucess with the value";
    var Id = successWithTheId;
    var Class = sucessWithTheClass;
    
    return {
      value: Value,
      id: Id,
      class: Class
    };
  }

  $("input").attr(definingVars())

});