javascript - 順序付けられていないリストで複数のテキストエリアを LI に変換する

Question

不明な数のテキストエリアがあります。ユーザーが入力したデータを処理するには、その内容をリスト要素に変換する必要があります。

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 が必要であると応答します。

Answer 1

次のようなことを試してください：

var output = '<ul>';

$('textarea').each(function(){
    output += '<li>' + $(this).val() + '</li>';
});

output += '</ul>';

それはあなたのために働きますか？

編集: .val()この場合はより適切です。

Answer 2

でjQuery APIを確認してください.each()。2 番目の例が役に立ちます。