Обработка клика по текущему элементу класса?

Question

[adun3]

Здравствуйте!
Есть куча ссылок с одинаковым классом, как навесить обработчик клика по текущему элементу?
т.е. чтобы при клике не происходила обработка всех ссылок.

$(".show-some").click(function(){
        $.post(' test.php',
            function(data) {
                $('.block').html(data);
            });
    });

.block - внутри блока .show-some

Comments

[adun3]

т.е. как сделать, что то типа $(this)('.show-some').click(){}

[Никита Черемисин]

Вопрос в том, чтобы не срабатывали остальные скрипты при клике на класс? А сработал только тот, на который нажали?

[adun3]

Да

Answer 1

[Dies Irae]

$(".show-some").click(function(){
        $.post(' test.php',
            function(data) {
                $(this).html(data);
            });
    });

Comments

[adun3]

Куда тыкнули и где будет ответ - разные места.

[Dies Irae]

adun3, ой, извините.
У вас и так должно работать все как надо.
Или у вас куча разных ссылок, которые вызывают разные запросы?

[adun3]

Просто когда я жму один раз, ответ - приходит во все :)
Хочется чтобы ответ приходил только в тыкнутом месте.
.block находится внутри .show-some

[Dies Irae]

$(".show-some").click(function(){
        $.post(' test.php',
            function(data) {
                $(this).children(".block").html(data);
            });
    });

[adun3]

Раньше ответ приходил во все .block, теперь вообще не приходит.

[Dies Irae]

adun3, можете html скинуть? У меня все ок.

[adun3]

Спасибо за участие!
Решил сделать так, оказалось, что блоки "рядом" лежат, а не вложены.

document.addEventListener('DOMContentLoaded', function(){
    $(".show-some").click(function(){
        var some = $(this).next();
        $.post('action.php',
            function(data) {
                some.html(data);
            });
    });
});

Answer 2

[eRKa]

Для кода $(".show-some").click() вы кликнули на все элементы, где есть класс show-some. Поэтому остается только проверять по дополнительным признакам: либо по каким то контейнерам, если они уникальные, либо добавлять во все эти элементы какие- то data-value="123".

Ну есть еще вариант

$(".show-some").each(function (index, value) { $(this).click(function(){ .... }))

Тогда у каждого show-some будет свой обработчик.

Answer 3

[Станислав Шендаков]

Код ТС и в приведенном виде будет работать только один раз после нажатия на конкретную ссылку. Т.е. обработка всех ссылок происходить не будет. Ради интереса проверил.

<div class='block'></div>
<a href='#' class='show-some'>1</a><br>
<a href='#' class='show-some'>2</a><br>
<a href='#' class='show-some'>3</a><br>

ajax.js

$(".show-some").click(function(){
	var val = $( this ).text()
        $.post('ajax.test.php',
        {
        	val : val
        },
            function(data) {
                $('.block').html(data);
            });
    });

ajax.test.php :

<?php
$val = $_POST['val'];
echo $val ;