0

div と [列の追加] ボタンがあるアプリケーションがあります。[列の追加] ボタンをクリックすると、div 内に列が追加されます。今私がやりたいことは、その div 列に and のようないくつかの要素が<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 に答える