Странная реакция на data-?

Question

[grigorie1990]

Добрый вечер!

Наблюдается странная реакция на атрибут data-d.

<div class="model-selector" data-model="Solaris" >
				<div class="col-xs-12 col-sm-6 col-md-3">
					<div class='section-profits__model'>
						<button class="btn btn-general section-profits__block-profit showModal" data-d="152 000"
									href="#modalWindow1">Выгода до 152 000</button>
						</div>
					</div>
				</div>
			</div>

При вызове из jquey атрибут data-d не читается, но если его перенести в главный div, то читается

$('.model-selector').click(function () {
        $("[name='modelName']").val(this.getAttribute('data-model'));
        $("[name='dName']").val(this.getAttribute('data-d'));
});

modelName и dName - это названия полей вызываемой формы

И еще маленький вопрос: почему $("[name='dName']").val(this.text()); не работает?

Всем спасибо за ответы и хорошего вечера!

Comments

[Иван Веков]

Так чего тут странного. Во первых как this, должен понять что вы обращаетесь не к model-selector, а к его дитю?
Во-вторых какая-то у Вас странная конструкция, намешан JS в чистом виде, Jquery, зачем-то используете getAttrbute для получения даты, вместо data()....

[grigorie1990]

Иван Веков, согласен, исправляю)

Answer 1

[ThunderCat]

При вызове из jquey атрибут data-d не читается, но если его перенести в главный div, то читается

по тому что this в данном контексте это <div class="model-selector" data-model="Solaris" > и никак не кнопка внутри него?

$('.model-selector').click(function () {
        $("[name='modelName']").val($(this).data('model'));
        $("[name='dName']").val($(this).find('button').data('d'));
});

Comments

[grigorie1990]

Спасибо! все заработало)

Answer 2

[Виктор Янышев]

// JQ
$(this).data('model');
$(this).text();

// JS
this.dataset.model;
this.innerText;

Comments

[grigorie1990]

спасибо)