0

Всем, привет! Подскажите, пожалуйста, как получить данный элемент:

HTML-элемент в DOM дереве:

<input data-price-id="1681871754" type="text" size="5" value="111" style="padding-left: 5px; padding-right: 5px;">

наверное надо как то так сделать:

$("input[ data-price-id = 1681871754 ]");

и еще параллельно вопрос, как потом передать в этот селектор вместо значения 1681871754, например переменную, ну что-то вроде этого:

var someVar = 1681871754;
$("input[ data-price-id = someVar ]");

2 ответа 2

2

1) $("input[data-price-id='1681871754']");

2) $("input[data-price-id='" + someVar + "']");

3
  • на самом деле у этого INPUT есть еще id="some-id", тогда правильно ли будет такой способ? : $("input#some-id[ data-price-id = 1681871754 ]"); Commented 14 мар. 2014 в 7:47
  • 1
    да, так тоже будет работать
    – user14039
    Commented 14 мар. 2014 в 7:49
  • @ruslan5t благодарю, все работает :) Commented 14 мар. 2014 в 7:51
2

Да, до элемента можно добраться таким образом, как вы написали, т.е.

$('input[data-price-id="1681871754"]')

но это далеко не самый быстрый способ, т.к. поиск элементов input будет вестись по всему дереву DOM, и у каждого элемента будет проверяться этот атрибут. Гораздо эффективнее хотя бы ограничить область поиска каким-то родительским элементом, а еще лучше - прописывать каждому искомому элементу атрибут id и по этому артибуту вести поиски.

Что касается значения, то для атрибутов типа data-* у jQuery есть метод data():

$('input[data-price-id="1681871754"]').data('price-id')

Для других случаев можно воспользоваться методом attr:

$('input[data-price-id="1681871754"]').attr('data-price-id')
6
  • на самом деле у этого INPUT есть еще id="some-id", тогда правильно ли будет такой способ? : $("input#some-id[ data-price-id = 1681871754 ]"); Commented 14 мар. 2014 в 7:47
  • т.к. id уникален в пределах DOM, то достаточно просто $('#some-id')
    – vanchester
    Commented 14 мар. 2014 в 7:48
  • Либо, если предстоит работать с несколькими однотипными элементами, прописать им один класс и выбирать по классу: $('.some-class')
    – vanchester
    Commented 14 мар. 2014 в 7:50
  • @vanchester спасибо за помощь коллега :) Commented 14 мар. 2014 в 7:52
  • @Артёмыч, пожалуйста. Отметьте любой из ответов как "верный" (птичка под кнопками-лайками)
    – vanchester
    Commented 14 мар. 2014 в 7:57

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

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