我有未知数量的文本区域。为了处理用户输入的数据,我需要将其内容转换为列表元素。
使用 JavaScript 和/或 jQuery,我如何转换它:
<textarea>content 1</textarea>
<textarea>content 2</textarea>
<textarea>content 3</textarea>
对此:
<ul>
<li>content 1</li>
<li>content 2</li>
<li>content 3</li>
</ul>
我需要将生成的 UL 分配给发送到 AJAX 服务的变量。
编辑 - 到目前为止我尝试过:
var visibleTextareas = $('textarea:visible');
var listItems = visibleTextareas.replaceWith(function() {
return $('<li>' + $(this).val() + '</li>');
});
var text = '<ul>' + listItems + '</ul>';
console.log(text);
这会导致 <ul>[object Object]</ul>
被记录到控制台,后端响应它需要 UL。
最佳答案
尝试这样的事情:
var output = '<ul>';
$('textarea').each(function(){
output += '<li>' + $(this).val() + '</li>';
});
output += '</ul>';
这对你有用吗?
编辑: .val()
在这种情况下更合适。
关于javascript - 将无序列表中的多个 Textarea 转换为 LI,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15544043/