Как можно получить id с этой ссылки?

480
25 сентября 2017, 04:27
<a href="/events/index/?id=2" target="_blank" class="bt" data-id="2">Смотреть</a>
Answer 1

Если вы хотите получить id именно из адреса ссылки, что лежит в href то могу предложить следующий вариант.

Можно разными способами получить элемент со страницы, в качестве примера я выбрал Document.getElementsByClassName(), далее взял нулевой элемент [0] так как у нас всего один элемент, а затем взял его href.

После этого взял Array.prototype.indexOf() для получения индекса искомой подстроки и вывел подстроку через String.prototype.substring(). Вот сам код:

function getId() { 
  var el = document.getElementsByClassName('bt')[0].href; 
  alert(el.substr(el.indexOf("?id=") + 1)); // +4 даст только цифру  
}
<a href="/events/index/?id=2" target="_blank" class="bt" data-id="2">Смотреть</a> 
<br> 
<button onclick="getId();">id</button>

Либо, если нужно значение из аттрибута data-id, то можем сделать так, через метод Element.getAttribute(), который возвращает значение указанного атрибута элемента:

function getId() { 
  var el = document.getElementsByClassName('bt')[0]; 
  alert(el.getAttribute('data-id')); 
}
<a href="/events/index/?id=2" target="_blank" class="bt" data-id="2">Смотреть</a> 
<br> 
<button onclick="getId();">id</button>

Answer 2

Все data-атрибуты хранятся в свойстве dataset элемента. Получить значение поможет element.dataset.id или же element.dataset["id"].

READ ALSO
Js замена одного тега на другой

Js замена одного тега на другой

Как с помощью js можно изменить тег br на div?

339
Доработать скрипт скролинга Top / Bottom

Доработать скрипт скролинга Top / Bottom

Доброго времени суток! Я не силен в скриптах и пришел к вам за помощью! Ситуация такая, что данный скрипт работает при прокрутке скрола страницы...

322
Замена текста на странице без селектора на js/JQuery

Замена текста на странице без селектора на js/JQuery

Как с помощью js/JQuery найти на странице текст и заменить его на другой без селекторов, к примеру где то на странице есть текст:

313
Как взять данные из БД с помощью JavaScript-а

Как взять данные из БД с помощью JavaScript-а

Есть функция, которая берет данные из json файла и делает с этими данными какие-то действияКак сделать так, что бы можно было брать данные из БД и делать...

241