jQuery多選擇傳輸數據選項

Question

我用左右窗格創建了一個多對多選擇框，遵循此示例 。 如果選項值很簡單，那么所有這些都可以正常工作。 現在，我想在選項的value屬性中存儲一個對象。 由於value選項僅接受字符串，因此必須使用$.data('key', 'value')將值綁定到選項（有關SO ref的信息，請參見此處） 。 當我想通過以下方式從左向右轉移選擇區域時：

$('#left-pane option:selected').remove().appendTo('#right-pane');

數據值不會轉移。 有沒有一種方法可以輕松轉移帶有data-value屬性的期權？

Answer 1

您想使用.detach()來保留與該元素關聯的所有jQuery數據，如下所示：

$('#left-pane option:selected').detach().appendTo('#right-pane');