|
Сообщение от villiwalla
|
|
быть если на странице более 1-го подобного блока?
|
Если на странице, то все будет работать. Вы вешаете на каждую кнопку функцию с таким нутром, как я написал. Главное, что бы в родительском dive, был только один тэг h4.
Для упрощение, если у вас будут несколько тэгов h4, можете необходимому h4 класс задавать и тогда искать по классу.
А в плане того, что все будет работать можете посмотреть:
<!DOCTYPE html>
<html lang="en">
<head>
<script src="http://code.jquery.com/jquery-1.11.1.js"></script>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div class="flavor col-lg-3 col-md-3 col-sm-6 col-xs-12 all russian">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 img-block">
*!*<h4> То что не покажет в alert, потому что не в том div</h4>*/!*
<a class="fancybox first-img" rel="gallery173" href="/assets/images/products/173/orel.jpg" title="">
<img src="/assets/images/products/173/orel.jpg" alt="" class="img-responsive"></a>
</div>
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<h4>Каминные часы "Державный орёл"</h4>
<div class="buy">
<button class="buys btn btn-warning btn-block" data-toggle="modal" data-target="#buy" onclick='newButton()'>Заказать</button>
</div>
</div>
</div>
</body>
</html>
<script>
function newButton(){
var parentDiv1 = $('.buys').parent();
var parentDiv2 = parentDiv1.parent();
var h4 = parentDiv2.find('h4');
var title = h4.text();
alert(title);
}
</script>
|
Сообщение от villiwalla
|
|
Я так понимаю нужно обращаться к материалам по созданию событий?
|
Думаю лучше почитать про
Jquery и архитектуру DOM