За последние 24 часа нас посетили 22667 программистов и 1015 роботов. Сейчас ищут 693 программиста ...

Обращение к конкретному элементу в наборе по селектору

Тема в разделе "JavaScript и AJAX", создана пользователем Sergey_Tsarev, 17 апр 2019.

  1. Sergey_Tsarev

    Sergey_Tsarev Активный пользователь

    С нами с:
    17 мар 2016
    Сообщения:
    502
    Симпатии:
    105
    Всем привет!
    Такой вопрос:
    Получаю набор изображений:
    Код (Javascript):
    1. var images = $('#photoselector .item');
    Мне нужно с конкретным элементом из этого набора произвести манипуляцию(добавить класс). Можно как-то обратится нужному элементу по селектору([data-num=5] например). Или нужно перебирать весь массив? Спасибо.
     
    #1 Sergey_Tsarev, 17 апр 2019
  2. Boothooz

    Boothooz Активный пользователь

    С нами с:
    8 май 2016
    Сообщения:
    63
    Симпатии:
    6
    если тебя правильно понял, то должно получится что то вроде

    Код (Javascript):
    1. $(images).find('[data-num=5]');
     
    #2 Boothooz, 18 апр 2019
  3. Sergey_Tsarev

    Sergey_Tsarev Активный пользователь

    С нами с:
    17 мар 2016
    Сообщения:
    502
    Симпатии:
    105
    Да. Пробовал так. Но вот такая конструкция не срабатывает:
    Код (Javascript):
    1. images.find('[data-num=5]').addClass('active');
     
    #3 Sergey_Tsarev, 18 апр 2019
  4. Artur_hopf

    Artur_hopf Активный пользователь

    С нами с:
    7 май 2018
    Сообщения:
    2.266
    Симпатии:
    405
    @Sergey_Tsarev выведи в консоль и посмотри что там
    Код (Javascript):
    1. console.log(images.find('[data-num=5]'))
     
    #4 Artur_hopf, 18 апр 2019
  5. Sergey_Tsarev

    Sergey_Tsarev Активный пользователь

    С нами с:
    17 мар 2016
    Сообщения:
    502
    Симпатии:
    105
    @Artur_hopf,
    Код (Javascript):
    1. w.fn.init [prevObject: w.fn.init(9)]length: 0
    2. prevObject: w.fn.init(9) [div.item, div.item.selected, div.item, div.item, div.item, div.item, div.item, div.item, div.item, prevObject: w.fn.init(1)]
    3. __proto__: Object(0)
     
    #5 Sergey_Tsarev, 19 апр 2019
(Вы должны войти или зарегистрироваться, чтобы разместить сообщение.)