繁体   English   中英

将输入字段中的所有值放入数组中并对其进行排序

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

对于我的RPG会话,我想创建一个Initiativeive助手,所以我有2个输入字段,number + text,其中number是d20 roll的修饰符,而text是主题的名称(玩家或npc)-> html的示例(引导程序组件)(我有6行,因此总共有12个数字/文本输入对):

<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 +为最终的初始值添加修饰符,但是我太愚蠢了,无法解决现有的问题...

我目前的问题:

  1. 如何从输入字段中创建要使用的选择器/功能的耦合的Number + Name对象?
  2. 如何将其降序排序? (我想我可以在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);
  });
});

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM