На первой странице у меня есть контейнер div, который выглядит следующим образом в HTML:
<div class="wpcm-vehicle-results-wrapper">
<ul class="wpcm-vehicle-results"><li class="wpcm-listings-item wpcm-listings-item-featured">
<a href="https://www.sr19repairables.com/vehicles/rebuilt-vehicles/2016-chevrolet-silverado-3500-hd-crew-cab-high-country-pickup-4d-6-1-2-ft-bed/" title="2016 Chevrolet Silverado 3500 HD Crew Cab High Country Pickup 4D 6 1/2 ft Bed">
<div class="wpcm-listings-item-image-wrapper">
<img src="https://i0.wp.com/www.sr19repairables.com/wp-content/uploads/2020/02/2016-Chevy-Silverado-1.jpg?resize=100%2C100&ssl=1" class="wpcm-listings-item-image wp-post-image" alt="2016 Chevrolet Silverado 3500 HD Crew Cab High Country Pickup 4D 6 1/2 ft Bed" title="2016 Chevrolet Silverado 3500 HD Crew Cab High Country Pickup 4D 6 1/2 ft Bed" srcset="https://i0.wp.com/www.sr19repairables.com/wp-content/uploads/2020/02/2016-Chevy-Silverado-1.jpg?resize=150%2C150&ssl=1 150w, https://i0.wp.com/www.sr19repairables.com/wp-content/uploads/2020/02/2016-Chevy-Silverado-1.jpg?resize=1024%2C1024&ssl=1 1024w, https://i0.wp.com/www.sr19repairables.com/wp-content/uploads/2020/02/2016-Chevy-Silverado-1.jpg?resize=100%2C100&ssl=1 100w, https://i0.wp.com/www.sr19repairables.com/wp-content/uploads/2020/02/2016-Chevy-Silverado-1.jpg?zoom=2&resize=100%2C100&ssl=1 200w, https://i0.wp.com/www.sr19repairables.com/wp-content/uploads/2020/02/2016-Chevy-Silverado-1.jpg?zoom=3&resize=100%2C100&ssl=1 300w" sizes="(max-width: 100px) 100vw, 100px" width="100" height="100"> </div>
<div class="wpcm-listings-item-description">
<h3>2016 Chevrolet Silverado 3500 HD Crew Cab High Country Pickup 4D 6 1/2 ft Bed</h3>
<p>Heated and cooled seats, brown leather...and just about everything else</p>
</div>
<div class="wpcm-listings-item-meta">
<ul>
<li class="wpcm-title">2016 Chevrolet Silverado 3500 HD Crew Cab High Country Pickup 4D 6 1/2 ft Bed</li>
<li class="wpcm-price"><span class="amount">$44,500</span></li>
<li>59,000 miles</li>
<li>2016</li>
</ul>
</div>
</a>
</li><li class="wpcm-listings-item wpcm-listings-item-featured">
<a href="https://www.sr19repairables.com/vehicles/rebuilt-vehicles/2015-chevrolet-malibu-lt-sedan-4d/" title="2015 Chevrolet Malibu LT Sedan 4D">
<div class="wpcm-listings-item-image-wrapper">
<img src="https://i2.wp.com/www.sr19repairables.com/wp-content/uploads/2020/01/2015-Chevy-Malibu-1.jpg?resize=100%2C100&ssl=1" class="wpcm-listings-item-image wp-post-image" alt="2015 Chevrolet Malibu LT Sedan 4D" title="2015 Chevrolet Malibu LT Sedan 4D" srcset="https://i2.wp.com/www.sr19repairables.com/wp-content/uploads/2020/01/2015-Chevy-Malibu-1.jpg?resize=150%2C150&ssl=1 150w, https://i2.wp.com/www.sr19repairables.com/wp-content/uploads/2020/01/2015-Chevy-Malibu-1.jpg?resize=1024%2C1024&ssl=1 1024w, https://i2.wp.com/www.sr19repairables.com/wp-content/uploads/2020/01/2015-Chevy-Malibu-1.jpg?resize=100%2C100&ssl=1 100w, https://i2.wp.com/www.sr19repairables.com/wp-content/uploads/2020/01/2015-Chevy-Malibu-1.jpg?zoom=2&resize=100%2C100&ssl=1 200w, https://i2.wp.com/www.sr19repairables.com/wp-content/uploads/2020/01/2015-Chevy-Malibu-1.jpg?zoom=3&resize=100%2C100&ssl=1 300w" sizes="(max-width: 100px) 100vw, 100px" width="100" height="100"> </div>
<div class="wpcm-listings-item-description">
<h3>2015 Chevrolet Malibu LT Sedan 4D</h3>
<p>Great Malibu, sharp look with tinted windows, don't miss out!</p>
</div>
<div class="wpcm-listings-item-meta">
<ul>
<li class="wpcm-title">2015 Chevrolet Malibu LT Sedan 4D</li>
<li class="wpcm-price"><span class="amount">$6,495</span></li>
<li>50,800 miles</li>
<li>2015</li>
</ul>
</div>
</a>
Когда я нажимаю на один из URL-адресов в <a href>
элементов, мне нужно отправить URL-адреса со всех элементов <a href>
и поместить их в массив на странице, на которую я иду. Есть какой-либо способ сделать это? Спасибо за вашу помощь.
Обновление: вот что я пробовал до сих пор: я взял информацию, которую Бармар любезно дал мне, и написал эти два .js
файла:
$(document).ready(function(){
url_array = $("a[href]").map((i, a) => a.href).get();
localStorage.setItem("urls", "url_array");
});
и
document.getElementById("posts").innerHTML = localStorage.getItem("urls");
Я вызвал первый файл на моей первой странице, а затем второй файл на моей второй странице, где у меня есть <div>
с идентификатором posts
, и он ничего не вызывает. Я действительно не очень разбираюсь в кодировании, я использую WordPress для создания своего сайта, и любая помощь будет признательна.