Сообщение от рони
|
anreew,
и где код
|
рони! Как сказали, так и сделал.
Нашел предка и в нужном предке нашел нужный класс.
$(document).ready(function () {
$(function () {
$('.btn').on('click', function () {
alert('Обработчик для кнопки: ' + $(this).text());
$('.first').find('.text1').hide();
...
});
});
});
Скрывает, если отдельно делать по строчке писать, но если их 100? Теперь у всех div class="form". И если указать:
$('.form').find('.text1').hide();
То скроет все '.text1'. Мне нужно, чтобы нажал, на первую кнопку в первом div, убрался '.text1', который в том же div, где и эта первая кнопка. Нажал на вторую, тоже самое все, только теперь, во втором div'e убрался...
HTML на всякий:
<div class="main">
<div class="form">
<h2><span class="text1" id="text1">Text1</span></h2>
<h2><span class="text2" id="text2">Text2</span></h2>
<input type="text" class="input" id="input1">
<button type="button" class="btn" id="btn1">
<span class="spanbtn" id="spanbtn"></span>btn1
</button>
</div>
<div class="form">
<h2><span class="text1" id="text3">Text3</span></h2>
<h2><span class="text2" id="text4">Text4</span></h2>
<input type="text" class="input" id="input2">
<button type="button" class="btn" id="btn2">
<span class="spanbtn" id="spanbtn"></span>btn2
</button>
</div>
<div class="form">
<h2><span class="text1" id="text5">Text5</span></h2>
<h2><span class="text2" id="text6">Text6</span></h2>
<input type="text" class="input" id="input3">
<button type="button" class="btn" id="btn3">
<span class="spanbtn" id="spanbtn"></span>btn3
</button>
</div>
