将输入字段中的所有值放入一个数组中并对它们进行排序

Question

对于我的 RPG 会话，我想创建一个倡议助手，所以我有 2 个输入字段，数字 + 文本，其中数字是 d20 roll and text is the name of the subject (player or npc) -> example of the html (bootstrap components) （我有 6 行这样的 12 number/text 输入对总计）：

<div class="row">
    <div class="col-lg-6">
        <p>Modifier + Player</p>
        <div class="input-group">
            <span class="input-group-addon">
                <input type="number" min="-5" step="1" placeholder="0">
            </span>
            <input type="text" class="form-control" placeholder="player1">
        </div>
    </div>
    <div class="col-lg-6">
        <p>Modifier + NPC</p>
        <div class="input-group">
            <span class="input-group-addon">
                <input type="number" min="-5" step="1" placeholder="0">
            </span>
            <input type="text" class="form-control" placeholder="monster1">
        </div>
    </div>
</div>

目前，我通过单击按钮将所有值读取到一个对象中，但这不是最适合使用的基础：

var subjects = {};
$("#create").click(function() {
    subjects.mod = $("input[type=number]").map(function() { return this.value; }).get();
    subjects.name = $("input[type=text]").map(function() { return this.value; }).get();
});

因为现在我有一个包含数组中所有数字和名称的对象

Object {
    mod=[12], 
    name=[12]
}

但我需要将两个属性耦合到 1 个对象中：

object1 { 
    "name":"player1", 
    "iniNumber": 17
},
object2 {
    "name":"npc1",
    "iniNumber": 10
},
...

我有d20+最终主动值修正的功能，但是我太笨了，无法解决现有的问题...

我目前的问题：

如何从输入字段创建耦合的 Number+Name 对象，selector/function 要使用？
如何降序排列？（我想一旦 1) 被更正，我就可以自己做）

Answer 1

希望这就是您要找的。

// At first there was nothing.
var npcs = [];

// Someone eventually interacted with reality.
$('#create').click(function(){
  // For every row in now... (You should add another class because you only want npc rows)
  $('.row').each(function(i, $row){
      // Create object from inputs of a specific row from this dimension.
      var newNpc = {
        name: $('input[type=text]', $row).val(),
        iniNumber: $('input[type=number]', $row).val()
      };

      // Add object to array to fill our insecurities.
      npcs.push(newNpc);
  });
});

将输入字段中的所有值放入一个数组中并对它们进行排序

Put all values from input fields into an array and sort them

javascript

arrays

jquery-selectors