Как получить id элемента jquery

Получить id объекта с помощью jQuery

данный селектор ищет список ul внутри элемента с id=»week» . А у вас сам ul имеет этот id .

Таким образом, нужно изменить этот селектор, сказав что мы ищем именно ul с таки id

$("ul#week li.active")

либо вообще опустить ul

$("#week li.active")

так как id должен быть уникальным на странице этого селектора достаточно Что касается

получаю 2016, т.е. показывает год, а не неделю.

судя по предоставленному куску кода — вывод вашего селектора должен быть undefined.
Если вы получаете именно 2016 , можно предположить, что данный кусок кода расположен внутри контейнера с id=»week» , т.е. на странице у вас как минимум два элемента с таким id.

console.log($("#week ul li.active").attr('id')); $('body').append($("#week ul li.active").attr('id')); console.log($("#week ul li.active"));

Как получить id элемента с помощью jQuery

Вы можете просто использовать jQuery-метод attr() , чтобы получить или установить значение атрибута ID элемента.

В следующем примере будет отображаться идентификатор элемента DIV в окне предупреждения при нажатии кнопки.

   jQuery Get ID of an Element  div   #text

Вы также можете получить идентификаторы нескольких элементов, имеющих один и тот же класс, через цикл, например:

   jQuery Get ID of Multiple Elements  div   #boxOne
 #boxTwo
 #boxThree

Вы также можете получить id отдельного элемента при использовании селектора классов на основе индекса, начиная с 0, например, чтобы получить идентификатор первого элемента в наборе совпадающих элементов, вы можете использовать $(«.box»).get(0).id или $(«.box»)[0].id .

Аналогичным образом, чтобы получить идентификатор последнего элемента, вы можете использовать что-то вроде этого: $(«.box»).get($(«.box»).length — 1).id или $(«.box»)[$(«.box»).length — 1].id , потому что селектор jQuery возвращает коллекцию совпадающих элементов, а не один элемент.

smsc banner 480x320 flexbe banner 480x320 beget banner 480x320

Получить идентификатор элемента с помощью JavaScript/jQuery

В этом посте мы обсудим, как получить идентификатор элемента в JavaScript и jQuery.

Идея состоит в том, чтобы использовать .attr() или же .prop() метод, чтобы получить id значение атрибута для первого совпавшего элемента.

JS

$ ( document ) . ready ( function ( ) < $ ( '#submit' ) . click ( function ( ) < alert ( $ ( "input[type=text]" ) . prop ( "id" ) ) ;

HTML

Кроме того, вы можете просто получить доступ к базовому HTMLInputElement и получить его id имущество:

JS

$ ( document ) . ready ( function ( ) < $ ( '#submit' ) . click ( function ( ) < alert ( $ ( "input[type=text]" ) [ 0 ] . id ) ;

HTML

В простом JavaScript вы можете сделать так:

JS

document . getElementById ( ‘submit’ ) . onclick = function ( ) < alert ( document . getElementsByTagName ( 'input' ) [ 0 ] . id ) ;

HTML

Вот и все, что касается получения идентификатора элемента в JavaScript и jQuery.

Оценить этот пост

Средний рейтинг 4.56 /5. Подсчет голосов: 32

Голосов пока нет! Будьте первым, кто оценит этот пост.

Сожалеем, что этот пост не оказался для вас полезным!

Расскажите, как мы можем улучшить этот пост?

Спасибо за чтение.

Пожалуйста, используйте наш онлайн-компилятор размещать код в комментариях, используя C, C++, Java, Python, JavaScript, C#, PHP и многие другие популярные языки программирования.

Как мы? Порекомендуйте нас своим друзьям и помогите нам расти. Удачного кодирования 🙂

Подписывайся
0 Комментарии
Встроенные отзывы
Просмотреть все комментарии
Загрузить больше комментариев
Просматривать
Подпишитесь на новые публикации

Все проблемы
Практика DSA
100 самых популярных задач
50 лучших классических задач
Лучшие алгоритмы

Компилятор С/С++
Компилятор Java
Компилятор Python
Компилятор JavaScript
компилятор PHP
Компилятор C#

Свяжитесь с нами
Политика конфиденциальности
условия обслуживания
Подпишитесь на новые публикации

Этот веб-сайт использует файлы cookie. Используя этот сайт, вы соглашаетесь с использованием файлов cookie, нашей политикой, условиями авторского права и другими условиями. Читайте наши Политика конфиденциальности. Понятно

jQuery( «#id» )

Для поиска jQuery использует JavaScript функцию document.getElementById().

В документе должен быть только один элемент с заданным id. Если их несколько, то будет выбран только первый. Однако, данная практика плохая — документ должен быть валидным.

Примеры

Пример: выбрать элемент с и задать ему красную рамку.

    id demo div   id="notMe"
 id="myDiv"

Пример: выбрать элемент с экранировав специальные символы.

    id demo div   id="myID.entry[0]"
 id="myID.entry[1]"
 id="myID.entry[2]"

Шпаргалка jQuery:

Ajax
- Global Ajax Event Handlers
  - .ajaxComplete()
    - :button
    - :checkbox
    - :checked
    - :disabled
    - :enabled
    - :file
    - :focus
    - :image
    - .serializeArray()
    - .serialize()
    - jQuery.param()
    - jQuery.ajax()
    - jQuery.ajaxSetup()
    - jQuery.ajaxPrefilter()
    - jQuery.ajaxTransport()
    - jQuery.get()
    - jQuery.post()
    - .load()
    - jQuery.getJSON()
    - jQuery.getScript()
    - .serialize()
    - .serializeArray()
    - jQuery.param()
    - .val()
    - .blur()
    - .change()
    - .focus()
    - .addClass()
    - .hasClass()
    - .removeClass()
    - .toggleClass()
    - .html()
    - .removeAttr()
    - .prop()
    - .removeProp()
    - .attr()
    - .val()
    - Collection Manipulation
      - jQuery.param()
      - .data()
      - .removeData()
      - Class Attribute
        
        .addClass()
        
        .hasClass()
        
        .removeClass()
        
        .toggleClass()
        
        .clone()
        
        .wrap()
        
        .wrapAll()
        
        .wrapInner()
        
        .unwrap()
        
        .append()
        
        .appendTo()
        
        .html()
        
        .text()
        
        .prepend()
        
        .prependTo()
        
        .after()
        
        .before()
        
        .insertAfter()
        
        .insertBefore()
        
        .unwrap()
        
        .remove()
        
        .empty()
        
        .detach()
        
        .replaceAll()
        
        .replaceWith()
        
        .removeProp()
        
        .removeAttr()
        
        .prop()
        
        .attr()
        
        .val()
        
        .css()
        
        .height()
        
        .width()
        
        .innerHeight()
        
        .innerWidth()
        
        .outerHeight()
        
        .outerWidth()
        
        .offset()
        
        .position()
        
        .scrollLeft()
        
        .scrollTop()
        
        .height()
        
        .width()
        
        .innerHeight()
        
        .innerWidth()
        
        .outerHeight()
        
        .outerWidth()
        
        jQuery.holdReady()
        
        jQuery()
        
        jQuery.noConflict()
        
        jQuery.when()
        
        .addClass()
        
        .hasClass()
        
        .removeClass()
        
        .toggleClass()
        
        .css()
        
        .height()
        
        .width()
        
        .innerHeight()
        
        .innerWidth()
        
        .outerHeight()
        
        .outerWidth()
        
        .offset()
        
        .position()
        
        .scrollLeft()
        
        .scrollTop()
        
        .clearQueue()
        
        .dequeue()
        
        .data()
        
        jQuery.hasData()
        
        jQuery.removeData()
        
        jQuery.dequeue()
        
        .removeData()
        
        jQuery.data()
        
        .queue()
        
        Custom
        
        .clearQueue()
        
        .dequeue()
        
        .queue()
        
        .clearQueue()
        
        .dequeue()
        
        jQuery.dequeue()
        
        jQuery.data()
        
        .queue()
        
        jQuery.proxy()
        
        callbacks.add()
        
        callbacks.disable()
        
        callbacks.disabled()
        
        callbacks.empty()
        
        callbacks.fire()
        
        callbacks.fired()
        
        callbacks.fireWith()
        
        callbacks.has()
        
        callbacks.lock()
        
        callbacks.locked()
        
        callbacks.remove()
        
        jQuery.Callbacks()
        
        deferred.always()
        
        deferred.done()
        
        deferred.fail()
        
        deferred.notify()
        
        deferred.notifyWith()
        
        deferred.progress()
        
        deferred.promise()
        
        deferred.reject()
        
        deferred.rejectWith()
        
        deferred.resolve()
        
        deferred.resolveWith()
        
        deferred.state()
        
        deferred.then()
        
        Basics
        
        Универсальный селектор (“*”)
        
        jQuery( «.class» )
        
        Селектор элементов (“element”)
        
        Селектор ID (“#id”)
        
        Множественный (“selector1, selector2, selectorN”)
        
        Селектор по префиксу [name|=”value”]
        
        Селектор содержащий значение [name*=»value»]
        
        Селектор, содержащий слово [name~=»value»]
        
        Селектор по атрибуту, на конце которого [name$=»value»]
        
        Селектор по равенству [name=»value»]
        
        Селектор по неравенству [name!=»value»]
        
        Значение атрибута начинается с [name^=»value»]
        
        Селектор по наличию атрибута [name]
        
        Множественный селектор по атрибуту [name=»value»][name2=»value2″]
        
        :animated Selector
        
        :eq()
        
        :even
        
        :first
        
        :focus
        
        :gt()
        
        :header
        
        :lang()
        
        :last
        
        :lt()
        
        :first-child
        
        :first-of-type
        
        :last-child
        
        :last-of-type
        
        :nth-child()
        
        :nth-last-child()
        
        :nth-last-of-type()
        
        :nth-of-type()
        
        :only-child
        
        :only-of-type
        
        :contains()
        
        :empty
        
        :has()
        
        :parent
        
        Browser Events
        
        .resize()
        
        .scroll()
        
        .ready()
        
        .bind()
        
        .delegate()
        
        jQuery.proxy()
        
        .off()
        
        .one()
        
        .trigger()
        
        .triggerHandler()
        
        .unbind()
        
        .undelegate()
        
        event.currentTarget
        
        event.data
        
        event.delegateTarget
        
        event.isDefaultPrevented()
        
        event.isImmediatePropagationStopped()
        
        event.isPropagationStopped()
        
        event.metaKey
        
        event.namespace
        
        event.pageX
        
        event.pageY
        
        event.preventDefault()
        
        event.relatedTarget
        
        event.result
        
        event.stopImmediatePropagation()
        
        event.stopPropagation()
        
        event.target
        
        event.timeStamp
        
        event.type
        
        event.which
        
        .blur()
        
        .change()
        
        .focus()
        
        .focusin()
        
        Похожие публикации:
        
        Django как запустить сервер
        
        Endpoint rest что это
        
        Openvpn exited with error exit code 1 что это
        
        Когда появилось nfc

Как получить id элемента jquery

Получить id объекта с помощью jQuery

Как получить id элемента с помощью jQuery

Читайте также

Похожие примеры:

Получить идентификатор элемента с помощью JavaScript/jQuery

JS

HTML

JS

HTML

JS

HTML

jQuery( «#id» )

Примеры

Шпаргалка jQuery:

Добавить комментарий Отменить ответ