Копировать ссылки
Здравствуйте! Подскажите пожалуйста как решить 2 задачи!
1. Скопировать ссылки, есть такой код:
<div class="item">
<div class="item-title">
<span>Title</span>
<a class="stretched-link" href="/link.html"></a>
</div>
<div class="item-img">
<img src="#" alt="">
<!-- ссылку сюда: <a class="stretched-link" href="/link.html"></a> -->
</div>
</div>
Нужно как в примере скопировать ссылку из "item-title" в "item-img". Важно скопировать именно ссылку, а не атрибут. Также блоков может быть много с разными ссылками. 2. Как в данном коде, вместо 3 вставить переменную?
$(".p-dots .owl-dot").css("width" , "calc(12.5vw / 3)");
Спасибо! |
Копировать так:
$('a.stretched-link') //что копировать, здесь можно уточнить откуда
.clone() //клонируем
.appendTo('div.item-img') //вставляем
Но если много и во множество вставлять, то циклом. "calc(12.5vw / " + имя_переменной + ")" |
Так и я сделал, а как циклом подскажите пожалуйста?
|
Для этого нужно знать конкретный html, для которого нужна такая операция. Например, если одну ссылку нужно скопировать в несколько элементов, то код будет таким же как и показано. Таким же кодом можно вставить несколько ссылок в один элемент. А вот если несколько ссылок в несколько элементов и каждую в предназначенный для нее элемент, то нужно использовать явный цикл.
|
Цитата:
var link = $(`a.stretched-link`);
$('div.item-img').append(i => $(link[i]).clone());
|
| Часовой пояс GMT +3, время: 04:02. |