javascript - 使用 jQuery，我需要根据输入值创建一个分隔字符串

Question

如果我有以下内容:

<div id="mypanel">
  <input id="hiddeninput"></input>
  <div class="textbox">
    <input>
  </div>
  <div class="textbox">
    <input>
  </div>
  <div class="textbox">
    <input>
  </div>
</div>

在模糊任何这些文本框时，我需要用每个文本框的值填充隐藏的文本框，用“|”分隔或者如果您有任何建议，请使用更安全的 Angular 色。无论那个分隔符是什么，我都必须在用户输入文本时将其删除。

因此隐藏的文本框将填充:

一些文字|一些更多的文字，还有...等等|还有一些

我用逗号作为数组做了类似的事情:

 dataArray.push($(this).val().split(',')[0]);

Answer 1

编辑:使用 $.map() 更简单

$(".textbox input").blur(function() {
    var array = $(".textbox input").map(function() {
        return this.value;
    }).get().join('|'); // replace '|' with any separator
    $("#hiddeninput").val(array);
}); 

DEMO

年长者:

var $hiddenInput = $("#hiddeninput");

$(".textbox input").blur(function() {
  var array = [];
  $(".textbox input").each(function() {
    if($(this).val()!="")  // ignore this if you don't want to check null
    {
      array.push($(this).val());
    }  
  });
  $hiddenInput.val(array.join("|"));
});

如果您不想检查是否为空，请移除 if 条件。

DEMO