如何獲取列表項並將其顯示在文本框中jquery

Question

我正在研究一個Web應用程序，並且難以解決此問題。

我有一個看起來像這樣的列表項：

<ul id="list"> 
    <li>My name is great</li> 
    <li>I love Music</li> 
    <li>I love EPL</li> 
</ul> 

我也有一個文本框。

我想要做的是克隆或映射（以最佳方法爲準）列表項並將其添加到我的文本框中。

請注意，整個元素+文本將被克隆到文本框的值。例如：

<li>My name is great</li> 

將被克隆到文本框的值。

Answer 1

假設你給你的文本框的id，如：

<textarea id="contents"></textarea> 

然後你就可以使用用jQuery做到這一點：

$("#contents").val($("#list").html()); 

說明：

• $("#list").html()得到帶有ID的元素的HTML內容list。
• $("#contents").val()設置ID爲contents的元素的內容。與此

的一個問題是，html()功能可以保存格式，讓您的列表元素可以通過在textarea的一堆空白的前面。這可能取決於瀏覽器。

一個解決方案，任何前導空格：

$("#contents").val($("#list").html().replace(/^\s+/gm, "")); 

它使用JavaScript的正則表達式/^\s+/gm從你的列表HTML的所有行的開頭修剪空白。