Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Одна функция для множества кнопок (https://javascript.ru/forum/jquery/51437-odna-funkciya-dlya-mnozhestva-knopok.html)

рони 07.11.2014 11:31

anreew,
и где код
Цитата:

Сообщение от anreew
Не получается так.


anreew 07.11.2014 12:05

Цитата:

Сообщение от рони (Сообщение 339577)
anreew,
и где код

рони! Как сказали, так и сделал.:agree:
Нашел предка и в нужном предке нашел нужный класс.
$(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>

рони 07.11.2014 12:11

anreew,
а вы найдите предка не по классу а потому что он предок
$(я).предок().найти(.класс).ск ыть()

anreew 07.11.2014 16:11

Цитата:

Сообщение от рони (Сообщение 339585)
anreew,
а вы найдите предка не по классу а потому что он предок
$(я).предок().найти(.класс).ск ыть()

Рони, спасибо БОЛЬШОЕ за помощь!:thanks:
Разобрался и сделал. :yes: :dance:

рони 07.11.2014 16:15

anreew,
:)


Часовой пояс GMT +3, время: 18:02.