Получить значение следующего элемента li
Имеется такой вот HTML кусок
<div class="table_row12">
<div class="item2">
<ul class="myul2">
<li class="row_img"><img alt="" src="/Main Images/byi.jpg" /></li>
<li class="row_name">BOLD STRIPED MODERN</li>
</ul>
</div>
</div>
К нему написал простенький JS
$('.row_img img').bind('click', function() {
if ($(this).attr('class') != 'active') {
$(this).attr("src", 'Main Images/byi_b.jpg');
$(this).addClass('active');
} else {
$(this).removeClass('active');
$(this).attr("src", '/Main Images/byi.jpg');
}
});
Ну то есть смена src картинки и допись класса для того чтоб знать где я нажал) НО Вопрос такой как мне получить значение следующего элемента li? $(this) мне дает текущий элемент, мне надо типа $(.row_name).text(); он мне даст это значение, но у меня много где используется класс row_name и такой вариант мне не годиться... ну вообщем короче тут вложенность получается в этом списке просто обратиться надо к след элементу, их всего только 2! как это будет выглядеть? даж и не знаю как в гугле вопрос такой поставить...)) |
Цитата:
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
$(function(){
$('.row_img img').bind('click', function() {
if ($(this).attr('class') != 'active') {
$(this).attr("src", 'Main Images/byi_b.jpg');
$(this).addClass('active');
alert($(this.parentNode).next().text());
} else {
$(this).removeClass('active');
$(this).attr("src", '/Main Images/byi.jpg');
}
});
});
</script>
</head>
<body>
<div class="table_row12">
<div class="item2">
<ul class="myul2">
<li class="row_img"><img alt="" src="/Main Images/byi.jpg" /></li>
<li class="row_name">BOLD STRIPED MODERN</li>
</ul>
</div>
</div>
</body>
</html>
|
|
блинааа так просто! офигенно!;> я думал там мудрить придется что-то)) ksa спасиб ты блин тут просто спасаешь!) буду читать про ParentNode :> :thanks:
|
| Часовой пояс GMT +3, время: 02:14. |