Как вы перебираете с помощью .each jQuery набор, если несколько селекторов классов затем .detach () эти элементы и повторно добавляете его в контейнер - PullRequest
Новая
       18

Как вы перебираете с помощью .each jQuery набор, если несколько селекторов классов затем .detach () эти элементы и повторно добавляете его в контейнер

0 голосов
/ 24 сентября 2019

По сути, я хочу получить .main-street, .main-suite, .main-city, .main-state, .zip-код отсоединить через jQuery и затем снова присоединить к .main-address-container,

То, что я застрял в сценарии, заключается в том, что он не в порядке с каждым..main-address-container добавляет все экземпляры селекторов класса, когда ему нужно сделать это только один раз для каждого контейнера каталога, а не получить оба контейнера каталога и добавить все к этому классу.

Любая помощь будет принята с благодарностью,Спасибо 

<div id="1" class="directory">
        <h3 class="entry-title">Aaron M. Howell, D.O.</h3>
        <p class="post-meta">
        <span class="ppp-blog-post-categories"></span>
        </p>
        <div class="telephone-container">
            <p class="dp-custom-field telephone">
            <span class="dp-custom-field-name">Telephone - </span>
            <span class="dp-custom-field-value">(772) 569-2330</span>
            </p>
        </div>
        <div class="main-address-container">

        </div>

        <p class="dp-custom-field main-street">
        <span class="dp-custom-field-name">Main Street - </span>
        <span class="dp-custom-field-value">Vero Beach</span>
        </p>

        <p class="dp-custom-field main-suite">
        <span class="dp-custom-field-name">Main Suite - </span>
        <span class="dp-custom-field-value">Vero Beach</span>
        </p>

        <p class="dp-custom-field main-city">
        <span class="dp-custom-field-name">Main city - </span>
        <span class="dp-custom-field-value">Vero Beach</span>
        </p>

        <p class="dp-custom-field main-state">
        <span class="dp-custom-field-name">Main state - </span>
        <span class="dp-custom-field-value">FL</span>
        </p>

        <p class="dp-custom-field main-zip">
        <span class="dp-custom-field-name">Zip code - </span>
        <span class="dp-custom-field-value">32960</span>
        </p>

        <p class="dp-custom-field second-address">
        <span class="dp-custom-field-name">State2 - </span>
        <span class="dp-custom-field-value">FL</span>
        </p>

        <p class="dp-custom-field">
        <span class="dp-custom-field-name">State3 - </span>
        <span class="dp-custom-field-value">FL</span>
        </p>

        <p class="dp-custom-field">
        <span class="dp-custom-field-name">State4 - </span>
        <span class="dp-custom-field-value">FL</span>
        </p>
    </div>
    <div id="2" class="directory">
        <h3 class="entry-title">Aaron M. Howell, D.O.</h3>
        <p class="post-meta">
        <span class="ppp-blog-post-categories"></span>
        </p>
        <div class="telephone-container">
            <p class="dp-custom-field telephone">
            <span class="dp-custom-field-name">Telephone - </span>
            <span class="dp-custom-field-value">(772) 569-2330</span>
            </p>
        </div>
        <div class="main-address-container">

        </div>

        <p class="dp-custom-field main-street">
        <span class="dp-custom-field-name">Main Street - </span>
        <span class="dp-custom-field-value">Vero Beach</span>
        </p>

        <p class="dp-custom-field main-suite">
        <span class="dp-custom-field-name">Main Suite - </span>
        <span class="dp-custom-field-value">Vero Beach</span>
        </p>

        <p class="dp-custom-field main-city">
        <span class="dp-custom-field-name">Main city - </span>
        <span class="dp-custom-field-value">Vero Beach</span>
        </p>

        <p class="dp-custom-field main-state">
        <span class="dp-custom-field-name">Main state - </span>
        <span class="dp-custom-field-value">FL</span>
        </p>

        <p class="dp-custom-field main-zip">
        <span class="dp-custom-field-name">Zip code - </span>
        <span class="dp-custom-field-value">32960</span>
        </p>

        <p class="dp-custom-field second-address">
        <span class="dp-custom-field-name">State2 - </span>
        <span class="dp-custom-field-value">FL</span>
        </p>

        <p class="dp-custom-field">
        <span class="dp-custom-field-name">State3 - </span>
        <span class="dp-custom-field-value">FL</span>
        </p>

        <p class="dp-custom-field">
        <span class="dp-custom-field-name">State4 - </span>
        <span class="dp-custom-field-value">FL</span>
        </p>
    </div>


    <script>

         $('.directory .main-street-address, .directory .main-suite').each(function(){

            $MainAddressContainer = $(this).detach();


            $('.main-address-container').append($MainAddressContainer); 



            }); 

    </script>
...