0

我有一个应用程序，其中有一个 div 和添加列按钮，当我单击添加列按钮时，列被添加到 div 中。现在我想要做的是在那个 div 列中有一些元素，比如<ol>和<li>，我想将它们分别连接成每个 div 的字符串，我该怎么做？

这是我的 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>

我想要的是将它们连接成单独的字符串，就像“shoppingcart1”div中的数据应该以不同的方式连接，并且对于列持有人div中的其他div相同，任何人都可以在这里帮助我。我怎样才能做到这一点？

4

1 回答 1

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

这应该让你跑步。现在您只需要更新此代码段即可提供您想要的任何内容。

于 2012-10-30T14:13:58.140 回答