Показать сообщение отдельно
  #12 (permalink)  
Старый 07.11.2014, 12:05
Аватар для anreew
Новичок на форуме
Отправить личное сообщение для anreew Посмотреть профиль Найти все сообщения от anreew
 
Регистрация: 06.11.2014
Сообщений: 7

Сообщение от рони Посмотреть сообщение
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>

Последний раз редактировалось anreew, 07.11.2014 в 12:10. Причина: Добавил HTML код, на всякий случай..
Ответить с цитированием