Jquery: переключить ближайший родительский элемент с помощью .on («click»)? [Дубликат]

Question

Jquery: переключить ближайший родительский элемент с помощью .on («click»)? [Дубликат]

0

Данный HTML-код, такой как

<div class="tpl grey">Hosts:
    <p>Hi !</p>
    <p>How are you ?</p>
    <p>What ever.</p>
    <a href="./~">An other child & element type !</a>
</div>

Как сделать так, чтобы щелчок на дочернем элементе переключил class="grey" из ближайшего родительского элемента .tpl?

Не удалось выполнить следующий код:

//Action to do on parent $(".tpl") 
var switch1 = function () {
    $(this).closest(".tpl").toggleClass("blue grey");
}

// On() click event
$(document).ready(function() {
        $(".tpl").on("click", "p", switch1() );
});

Сценарий: http://jsfiddle.net/MRcCy/1

Hugolpz 22 фев. 2014, в 20:55

Источник

0

$(".tpl").on("click", "*", switch1() ) должен быть лучше, чтобы он работал на всех дочерних элементах (*)
Hugolpz 22 фев. 2014, в 18:59
1

Изменить $(".tpl").on("click", "p", switch1() ); на $(".tpl").on("click", "p", switch1 ); jsfiddle.net/j08691/MRcCy/2
j08691 22 фев. 2014, в 18:59
1

Если у вас есть код, такой как foo(bar()) , то сначала выполняется bar , а ее возвращаемое значение передается в foo . Аргументы всегда оцениваются первыми.
Felix Kling 22 фев. 2014, в 19:02
0

@FelixKling: О да, это объясняет, спасибо.
Hugolpz 22 фев. 2014, в 20:13

Показать ещё 2 комментария

Теги:

javascript

jquery

jquery-traversing

2 ответа

1

Проверьте эту скрипку

$(document).ready(function() {
    $(".tpl").click(function(){
        $('.tpl').toggleClass('grey blue');
    });
});

Bhavik 22 фев. 2014, в 17:24

Ещё вопросы

$(".tpl").on("click", "*", switch1() ) должен быть лучше, чтобы он работал на всех дочерних элементах (*)
Изменить $(".tpl").on("click", "p", switch1() ); на $(".tpl").on("click", "p", switch1 ); jsfiddle.net/j08691/MRcCy/2
Если у вас есть код, такой как foo(bar()) , то сначала выполняется bar , а ее возвращаемое значение передается в foo . Аргументы всегда оцениваются первыми.
@FelixKling: О да, это объясняет, спасибо.

Adam 'Sacki' Sackfield · Accepted Answer · 2014-02-22T16-02-00.000Z

Если вы просто хотите переключить ближайший.tpl (хотя я его вижу только), попробуйте это

$(document).ready(function() { $(".tpl p").click(function(){ $(this).closest('.tpl').toggleClass('grey'); }); });