Алгоритм поиска в <ul> по <li> с определенным именем

@MartinChobanyan · Регистрация: 16.08.2016

Author24 — интернет-сервис помощи студентам

Здравствуйте! У меня есть такой алгоритм...

Javascript

function SearchAlgoritm() {
    var input, filter, ul, li, a, i;
    input = document.getElementById("SearchingLine");
    filter = input.value.toUpperCase();
    ul = document.getElementById("Grqashar");
    li = ul.getElementsByTagName("li");
    for (i = 0; i < li.length; i++) {
        a = li[i].getElementsByTagName("a")[0];
        if (a.innerHTML.toUpperCase().indexOf(filter) > -1) {
            li[i].style.display = "";
        } else {
            li[i].style.display = "none";
 
        }
    }
}

Не могу реализовать туже сис-му, только чтоб алгоритм брал <li> с name="girq"

@Пифагор · 29.12.2016, 10:19

Сообщение от MartinChobanyan

только чтоб алгоритм брал <li> с name="girq"

Javascript

1	li = ul.querySelectorAll('li[name="girq"]');

@MartinChobanyan · 29.12.2016, 11:37 **[ТС]**

Спасибо.А если как-нибудь усовершенствовать его так, чтоб он другие <li> hide делал при этом.

@Пифагор · 29.12.2016, 11:53

Тогда немного по-другому:

Javascript

li = ul.querySelectorAll('li');
for (i = 0; i < li.length; i++) {
  if (li[i].getAttribute('name') === 'girq'){
    //делаем что надо
  }else{
    li[i].style.display = "none";
  }
}

@MartinChobanyan · 29.12.2016, 12:23 **[ТС]**

Он оставил только те <li> которые имеют атрибут name="girq". Возможно это я что-то не так сделал. Просто я с JS ещё не очень, больше PHP

.

@Balanaar · 29.12.2016, 12:24

Вы вроде так и хотели

Сообщение от MartinChobanyan

чтоб он другие <li> hide делал при этом.

@Пифагор · 29.12.2016, 12:26

Сообщение от MartinChobanyan

Он оставил только те <li> которые имеют атрибут name="girq".

Ну, да. Остальные скрыл.

Сообщение от MartinChobanyan

Спасибо.А если как-нибудь усовершенствовать его так, чтоб он другие <li> hide делал при этом.

Как я понял, задача была именно такая.

@MartinChobanyan · 29.12.2016, 13:12 **[ТС]**

Значит всё так?

Javascript

function SearchAlgoritm() {
    var input, filter, ul, li, a, i;
    input = document.getElementById("SearchingLine");
    filter = input.value.toUpperCase();
    ul = document.getElementById("Grqashar");
    li = ul.querySelectorAll('li');
    for (i = 0; i < li.length; i++) {
    a = li[i].getElementsByTagName("a")[0];
    if (li[i].getAttribute('name') === 'girq' && a.innerHTML.toUpperCase().indexOf(filter) > -1){
      li[i].style.display = "";
      }
        else{
        li[i].style.display = "none";
      }
    }
  }

Добавлено через 6 минут
Ммм...Я вроде понял в чём ошибка...Нужно чтоб при незаполненном поле, значит при input='' он unhide делал всех <li>

Добавлено через 16 минут
???

@MartinChobanyan 3 / 3 / 1 Регистрация: 16.08.2016 Сообщений: 70
	29.12.2016, 11:37 [ТС]	3
	Спасибо.А если как-нибудь усовершенствовать его так, чтоб он другие <li> hide делал при этом. 0

@MartinChobanyan 3 / 3 / 1 Регистрация: 16.08.2016 Сообщений: 70
	29.12.2016, 12:23 [ТС]	5
	Он оставил только те <li> которые имеют атрибут name="girq". Возможно это я что-то не так сделал. Просто я с JS ещё не очень, больше PHP . 0

@Balanaar 2454 / 1761 / 624 Регистрация: 11.07.2016 Сообщений: 4,051
	29.12.2016, 12:24	6
	Вы вроде так и хотели Сообщение от MartinChobanyan чтоб он другие <li> hide делал при этом. 1

@Пифагор 2169 / 1652 / 840 Регистрация: 10.01.2015 Сообщений: 5,190
	29.12.2016, 12:26	7
	Сообщение от MartinChobanyan Он оставил только те <li> которые имеют атрибут name="girq". Ну, да. Остальные скрыл. Сообщение от MartinChobanyan Спасибо.А если как-нибудь усовершенствовать его так, чтоб он другие <li> hide делал при этом. Как я понял, задача была именно такая. 1

	29.12.2016, 13:12

Алгоритм поиска в <ul> по <li> с определенным именем

Решение