Подскажите с кодом
Ребята приветствую!
подскажите как вставить переменную в ссылку: var copyLink = $('.copyLink a').attr('href'); $('.mainBlogItim').wrap( '<a href="сюда"></a>' ); |
face2005,
var copyLink = $('.copyLink a').attr('href'); $('.mainBlogItim').wrap( '<a href="' + copyLink + '"></a>' ); |
Спасибо!
но оно все в одну ссылку оборачивает.. подскажите как каждому блоку свою прицепить. <div class="blog-item"> <div class="copyLink"><a href="/v-chem-raznica/"></a></div> <div>text txt</div> </div> <div class="blog-item"> <div class="copyLink"><a href="/v-chem-raznica11/"></a></div> <div>text txt</div> </div> <div class="blog-item"> <div class="copyLink"><a href="/v-chem-raznica22/"></a></div> <div>text txt</div> </div> |
face2005, может быть так?
<div class="blog-item"> <div class="copyLink"><a href="/v-chem-raznica/"></a></div> <div>text txt</div> </div> <div class="blog-item"> <div class="copyLink"><a href="/v-chem-raznica11/"></a></div> <div>text txt</div> </div> <div class="blog-item"> <div class="copyLink"><a href="/v-chem-raznica22/"></a></div> <div>text txt</div> </div> <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> <script> $('.blog-item').wrap(function() { const link = this.querySelector('a'); const response = $('<a/>').attr('href', link.href); link.parentNode.innerHTML = link.textContent; return response; }); </script> |
face2005,
хотелось бы уточнить - что такое $('.mainBlogItim') ? |
mainBlogItim это внутренний div , я его упустил в html примере, он оборачивает все внутренности...
Спасибо, код сработал.. а то что там ссылка на картинку первой будет, тогда как? |
можно как-то ссылку вынимать из определенного класса?
|
face2005,
Цитата:
|
<div class="blog-item"> <div>text txt</div> <div><a href="/v-chem-raznica11/">ссылка любая</a></div> <div>text txt</div> <div class="moreLink"><a href="/v-chem-raznica113/">подробнее</a></div> </div> <div class="blog-item"> <div>text txt</div> <div><a href="/v-chem-raznica11/">ссылка любая</a></div> <div>text txt</div> <div class="moreLink"><a href="/v-chem-raznica112/">подробнее</a></div> </div> <div class="blog-item"> <div>text txt</div> <div><a href="/v-chem-raznica11/">ссылка любая</a></div> <div>text txt</div> <div class="moreLink"><a href="/v-chem-raznica11/">подробнее</a></div> </div> нужно обернуть blog-item ссылкой из moreLink |
Цитата:
<div class="blog-item"> <div class="copyLink"><a href="/v-chem-raznica11/"></a>ссылка любая</div> <div>text txt</div> <div class="moreLink"><a href="/v-chem-raznica113/">подробнее</a></div> </div> <div class="blog-item"> <div class="copyLink"><a href="/v-chem-raznica11/">ссылка любая</a></div> <div>text txt</div> <div class="moreLink"><a href="/v-chem-raznica112/">подробнее</a></div> </div> <div class="blog-item"> <div class="copyLink"><a href="/v-chem-raznica11/"></a>ссылка любая</div> <div>text txt</div> <div class="moreLink"><a href="/v-chem-raznica11/">подробнее</a></div> </div> <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> <script> $('.blog-item').wrap(function() { const link = this.querySelector('.moreLink a'); const response = $('<a/>').attr('href', link.href); link.parentNode.innerHTML = link.textContent; return response; }); </script> |
Часовой пояс GMT +3, время: 13:44. |