0

Есть некий набор элементов, по которым обрабатывается нажатие. Как вернуть именно тот селектор, по которому jQuery отловил нажатие?

$( "#element, .element1, .element2, ..., .elementN" ).click(function(event) {
     // Вернуть ИМЯ: element1 или element2 и тп
});
2
  • вам нужно получить именно #element или .element1, а не сам объект, чтобы с ним манипулировать?
    – teran
    3 сен 2018 в 13:49
  • Мне нужно получить ИМЯ селектора, чтобы понять, что именно из набора было нажато (либо класс "element1", либо, если отловлено по ID#, то "element"). 3 сен 2018 в 13:57

3 ответа 3

1

Если вернуть атрибут name, то this.name или $(this).attr("name")

Объект будет this или $(this)

6
  • Сообщение было опубликовано в качестве ответа, но оно не содержит ответа на вопрос.
    – user218976
    4 сен 2018 в 9:13
  • 1
    Вопрос был отредактирован, первоначально звучал как: Вернуть ИМЯ элемента по которому кликнули 4 сен 2018 в 9:32
  • Вы же в курсе что тут можно посмотреть историю редактирования? И согласно ней были только изменены отступы.
    – user218976
    4 сен 2018 в 9:46
  • В комментарии написано: // Вернуть ИМЯ: element1 или element2 и тп. 4 сен 2018 в 9:49
  • Ниже в комментарии автора: Мне нужно получить ИМЯ селектора 4 сен 2018 в 9:50
1

Если не находи по id то ищет по классу в classList, возвращает первый подходящий класс. Если один элемент имеет два класса указанных в selector, то возвращается первый совпавший. id всегда первый в приоритете.

const selector = "#element, .element1, .element2"

$(selector).click(function (event) {
  const myClass = [...this.classList].find(i => selector.includes('.' + i))

  console.log(this.id || myClass)
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="element">element</div>
<div class="element1 fff">element1 fff</div>
<div class="bbb element2 rrr">bbb element2 rrr</div>
<div class="element1 element2">element1+element2</div>

11
  • а если класс будет element2 one two three ?
    – teran
    3 сен 2018 в 14:00
  • teran именно, классов может быть много. 3 сен 2018 в 14:01
  • про это не указано в условии, если надо возвращать первый класс то this.classList[0] 3 сен 2018 в 14:01
  • нужно вернуть именно то, по чему было отловлено 3 сен 2018 в 14:03
  • понял, исправил 3 сен 2018 в 14:12
-1
$( "#element, .element1, .element2, .elementN").click(function(event) {
       console.log(e.target.id || e.target.className);
});
3
  • Если произойдет клик на 1 элемент, что вернет ваш код?
    – user218976
    3 сен 2018 в 14:15
  • Название id или класса, по которому произошел клик 3 сен 2018 в 14:19
  • "а если класс будет element2 one two three ? – teran 19 минут назад"
    – user218976
    3 сен 2018 в 14:20

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.