Как отправить URL-адреса с текущей страницы на целевую страницу? - PullRequest
0 голосов
/ 27 февраля 2020

На первой странице у меня есть контейнер 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&amp;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&amp;ssl=1 150w, https://i0.wp.com/www.sr19repairables.com/wp-content/uploads/2020/02/2016-Chevy-Silverado-1.jpg?resize=1024%2C1024&amp;ssl=1 1024w, https://i0.wp.com/www.sr19repairables.com/wp-content/uploads/2020/02/2016-Chevy-Silverado-1.jpg?resize=100%2C100&amp;ssl=1 100w, https://i0.wp.com/www.sr19repairables.com/wp-content/uploads/2020/02/2016-Chevy-Silverado-1.jpg?zoom=2&amp;resize=100%2C100&amp;ssl=1 200w, https://i0.wp.com/www.sr19repairables.com/wp-content/uploads/2020/02/2016-Chevy-Silverado-1.jpg?zoom=3&amp;resize=100%2C100&amp;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&amp;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&amp;ssl=1 150w, https://i2.wp.com/www.sr19repairables.com/wp-content/uploads/2020/01/2015-Chevy-Malibu-1.jpg?resize=1024%2C1024&amp;ssl=1 1024w, https://i2.wp.com/www.sr19repairables.com/wp-content/uploads/2020/01/2015-Chevy-Malibu-1.jpg?resize=100%2C100&amp;ssl=1 100w, https://i2.wp.com/www.sr19repairables.com/wp-content/uploads/2020/01/2015-Chevy-Malibu-1.jpg?zoom=2&amp;resize=100%2C100&amp;ssl=1 200w, https://i2.wp.com/www.sr19repairables.com/wp-content/uploads/2020/01/2015-Chevy-Malibu-1.jpg?zoom=3&amp;resize=100%2C100&amp;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 для создания своего сайта, и любая помощь будет признательна.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...