|
06.09.2018, 15:09
|
Профессор
|
|
Регистрация: 04.04.2014
Сообщений: 151
|
|
Подскажите с кодом
Ребята приветствую!
подскажите как вставить переменную в ссылку:
var copyLink = $('.copyLink a').attr('href');
$('.mainBlogItim').wrap( '<a href="сюда"></a>' );
|
|
06.09.2018, 15:24
|
Профессор
|
|
Регистрация: 27.11.2015
Сообщений: 2,899
|
|
face2005,
var copyLink = $('.copyLink a').attr('href');
$('.mainBlogItim').wrap( '<a href="' + copyLink + '"></a>' );
|
|
06.09.2018, 15:35
|
Профессор
|
|
Регистрация: 04.04.2014
Сообщений: 151
|
|
Спасибо!
но оно все в одну ссылку оборачивает.. подскажите как каждому блоку свою прицепить.
<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>
|
|
06.09.2018, 16:03
|
Профессор
|
|
Регистрация: 04.12.2012
Сообщений: 3,791
|
|
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>
Последний раз редактировалось Nexus, 06.09.2018 в 16:10.
|
|
06.09.2018, 16:19
|
Профессор
|
|
Регистрация: 27.11.2015
Сообщений: 2,899
|
|
face2005,
хотелось бы уточнить - что такое $('.mainBlogItim') ?
|
|
06.09.2018, 16:50
|
Профессор
|
|
Регистрация: 04.04.2014
Сообщений: 151
|
|
mainBlogItim это внутренний div , я его упустил в html примере, он оборачивает все внутренности...
Спасибо, код сработал.. а то что там ссылка на картинку первой будет, тогда как?
|
|
06.09.2018, 17:13
|
Профессор
|
|
Регистрация: 04.04.2014
Сообщений: 151
|
|
можно как-то ссылку вынимать из определенного класса?
|
|
06.09.2018, 17:40
|
Профессор
|
|
Регистрация: 27.11.2015
Сообщений: 2,899
|
|
face2005,
Сообщение от face2005
|
можно как-то ссылку вынимать из определенного класса?
|
Приведите пример html и укажите, что нужно извлекать и что потом с этим делать
|
|
06.09.2018, 17:49
|
Профессор
|
|
Регистрация: 04.04.2014
Сообщений: 151
|
|
<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
|
|
06.09.2018, 18:14
|
Профессор
|
|
Регистрация: 27.11.2015
Сообщений: 2,899
|
|
Сообщение от face2005
|
нужно обернуть blog-item ссылкой из moreLink
|
Это практически тот же пример Nexus
<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>
Последний раз редактировалось Dilettante_Pro, 06.09.2018 в 18:17.
|
|
|
|