Фильтровать несколько атрибутов

У меня есть небольшой скрипт фильтра, который показывает изображения с тегами alt. Но у меня также есть div, которые можно искать. Для правильной проверки я не могу дать им тег alt, я должен использовать aria-label.

Итак: как я могу искать как тег alt, так и метку aria?

//Search
$("#search").on("keyup", function () {

  if ($(this).val().length >= 3) {
    // hide everything,
    $(".brand").hide();
    $(".brandsslider").hide();
    // get the text in the input
    var mySelector = $(this).val();
    // show any alt that contains the input
    var myImgs = $("[alt*='" + mySelector + "' i]");
    myImgs.show();
  } else {
    $(".brand").hide();
  }
});

search filter jquery attributes
person JPC    schedule 06.12.2020    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Просто объедините свой селектор, чтобы настроить таргетинг на оба атрибута.

var myImgs = $("[alt*='"+mySelector+"', [aria-label*='"+mySelector+"']");

(Обратите внимание, я удалил случайный i из вашего исходного селектора, так как я не вижу, что это может быть, и это приведет к сбою вашего селектора атрибутов.)

person Mitya    schedule 06.12.2020