Подскажите с кодом
Ребята приветствую!
подскажите как вставить переменную в ссылку:
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>
|
Спасибо большое!:thanks:
|
| Часовой пояс GMT +3, время: 23:12. |