По сути, я хочу получить .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>