Javascript 如何将一个div中的数据连接到一个div中有多个div的字符串？

我有一个应用程序，其中有一个div和Add Column按钮，当我单击Add Column按钮时，列被添加到div中。现在我想做的是，在该div列中有一些元素，如

和

，我想为每个div分别将它们连接成字符串，我该怎么做

$('.ui-droppable li').map(function() {
  return $(this).text().trim().replace(/\s+/, ' ');
}).get().join(" ");

以下是我的div中的列的外观：

<div id="columnholder">

    <div class="shoppingCart" id="shoppingCart1">
    <h2 class="ui-widget-header">Add Menu Items Here <img onclick="removecolumn(this.id)" style="float: right; cursor:pointer;" id="shoppingCart1" src="../Images/delete.png"></h2>
    <aside id="droppable" class="ui-widget-content">
    <ol class="ui-droppable">
      <li>Brand1
          <ol class="ui-droppable">
              <li>Add Sub Menu here</li>
               <li>Category2
                  <ol class="ui-droppable">
                     <li>Add Sub Menu here</li>
                     <li>Product2
                        <ol class="ui-droppable">
                             <li>Add Sub Menu here</li>
                                <li>Product4
                                  <ol class="ui-droppable">
                                       <li>Add Sub Menu here</li>
                                             <li>Product3
                                                <ol class="ui-droppable">
                                                   <li>Add Sub Menu here</li>
                                                       <li>Product3
                                                         <ol class="ui-droppable">
                                                            <li>Add Sub Menu here
                                                              </li>
                                                          </ol>
                                                     </li>
                                                </ol>
                                          </li>
                                    </ol>
                              </li>
                        </ol>
                   </li>
              <li>Product2
                 <ol class="ui-droppable">
                         <li>Add Sub Menu here</li>
                              <li>Product4<ol class="ui-droppable">
                                    <li>Add Sub Menu here</li>
                                         <li>Product4
                                             <ol class="ui-droppable">
                                                   <li>Add Sub Menu here</li>
                                                          <li>Product4
                                                             <ol class="ui-droppable">
                                                               <li>Add Sub Menu here 
                                                                  </li>
                                                               <li>Product4
                                                                  <ol class="ui-droppable">
                                                                        <li>Add Sub Menu here</li>
    </ol></li></ol></li></ol></li></ol></li></ol></li></ol></li></ol></li></ol></aside></div>


    <div class="shoppingCart" id="shoppingCart2">

    //data like above         

    <div>

    // there may be number of columns

    </div>

在此处添加菜单项
品牌1
在此处添加子菜单
类别2
在此处添加子菜单
产品2
在此处添加子菜单
产品4
在此处添加子菜单
产品3
在此处添加子菜单
产品3
在此处添加子菜单





产品2
在此处添加子菜单
产品4
在此处添加子菜单
产品4
在此处添加子菜单
产品4
在此处添加子菜单

产品4
在此处添加子菜单

//上述数据
//可能有许多列

我想要的是将它们连接成单独的字符串，就像“shoppingcart1”div中的数据应该以不同的方式连接，对于列holder div中的其他div，也应该以相同的方式连接。这里有人能帮我吗。我该怎么做

$('.ui-droppable li').map(function() {
  return $(this).text().trim().replace(/\s+/, ' ');
}).get().join(" ");

---

这会让你跑起来。现在，您只需更新此代码段即可交付所需内容

对不起，我看不出你想要什么。你能把你的问题重新组织一下吗。几个句号也会有帮助。我也不明白您想要在该div列中使用“and

，我想为每个div分别将它们连接成字符串”，特别是因为我没有看到任何div。但是这个函数返回li列中所有字符串的连接。如果删除.join调用，则它将以数组格式存在，可以进行解析。