значение переменной из ссылки

129

08 декабря 2019, 02:30

Как при клике по ссылке получить значение page?

<div class="pagination">
    <ul>
        <li class="control">
            <a href="katalog?page=3">Пред.</a>
        </li>
        <li>
            <a href="katalog?page=2">2</a>
        </li>
        <li>
            <a href="katalog?page=3">3</a>
        </li>
    </ul>                   
</div>

Answer 1

[...document.querySelectorAll("a")].forEach(item => { 
  item.addEventListener("click", (e) => { 
    e.preventDefault(); 
    let link = e.target.getAttribute("href"); 
    let value = link.split("=")[1]; 
    console.log(value); 
  }); 
});

<div class="pagination"> 
  <ul> 
    <li class="control"><a href="katalog?page=3">Пред.</a></li> 
    <li><a href="katalog?page=2">2</a></li> 
    <li><a href="katalog?page=3">3</a></li> 
  </ul> 
</div>

Или так:

[...document.querySelectorAll("a")].forEach(item => { 
  item.addEventListener("click", (e) => { 
    e.preventDefault(); 
    let link = e.target.getAttribute("href"); 
    let value = link.lastIndexOf("="); 
    let result = link.substring(value + 1); 
    console.log(result); 
  }); 
});

<div class="pagination"> 
  <ul> 
    <li class="control"><a href="katalog?page=3">Пред.</a></li> 
    <li><a href="katalog?page=2">2</a></li> 
    <li><a href="katalog?page=3">3</a></li> 
  </ul> 
</div>