Получить img title по input:checked
Здравствуйте. Ни как не получается получить атрибут title изображения по радио кнопке, когда она нажата, подскажите как правильно.
Вот такая конструкция
<div class="cc-selector-2">
<input checked="checked" class="button-class-material" id="roll_mater_1" type="radio" name="catalmat_roll" value="1" />
<label class="drinkcard-cc" for="roll_mater_1"><img class="obrazci_tkan" src="blabla" width="65" height="65" title="Эко 01 белый"></label>
<input class="button-class-material" id="roll_mater_2" type="radio" name="catalmat_roll" value="1" />
<label class="drinkcard-cc" for="roll_mater_2"><img class="obrazci_tkan" src="blabla" width="65" height="65" title="Эко 02 кремовый"></label></div>
Вот такой код возвращает всегда первый input, вне зависимости от нажатия на радио кнопки, подскажите как правильно написать ?
$("label > img.obrazci_tkan").prop('title');
|
KEMPZOR,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(function() {
$(".button-class-material").on("change",function() {
alert($("img.obrazci_tkan", "[for="+this.id+"]").attr('title'));
})
});
</script>
</head>
<body>
<div class="cc-selector-2">
<input checked="checked" class="button-class-material" id="roll_mater_1" type="radio" name="catalmat_roll" value="1" />
<label class="drinkcard-cc" for="roll_mater_1"><img class="obrazci_tkan" src="blabla" width="65" height="65" title="Эко 01 белый"></label>
<input class="button-class-material" id="roll_mater_2" type="radio" name="catalmat_roll" value="1" />
<label class="drinkcard-cc" for="roll_mater_2"><img class="obrazci_tkan" src="blabla" width="65" height="65" title="Эко 02 кремовый"></label></div>
</body>
</html>
|
Цитата:
|
Подскажите, а если элемент уже на странице при загрузке выбран(checked), как вызвать
alert($("img.obrazci_tkan", "[for="+this.id+"]").attr('title'));
? |
KEMPZOR,
строка 15
}).filter(":checked").trigger("change");
|
| Часовой пояс GMT +3, время: 21:08. |