Как выбрать «этот» селектор?

Question

Как выбрать «этот» селектор?

0

Я хочу, чтобы p был расширен при нажатии на div. Но когда я нажимаю на любой из двух div, все p расширяются, и, конечно, я хочу развернуть p, который является дочерним элементом щелчка div. Не все из них. Вот почему я использую эту строку:

        jQuery(this).find("p").toggle(500);

Но, очевидно, что-то не так. Что мне делать? Ниже я разместил больше кода. Заранее спасибо.

    <script type="text/javascript" src="Libraries/jquery.js"></script>
    <script type="text/javascript"> 
$(document).ready(function(){

$("p").hide();
    $(this).click(function(){
 jQuery(this).find("p").toggle(500);
 });

});
</script>

<style type="text/css"> 
.a{
background-image: url(Images/brandimage_74_238px.gif);
}
.b{
background-image: url(Images/someimage.gif);
}
</style>

</head>
<body>

<div class="a">
<p>aaaaaaaaaaaa aaaaaa a  aa a a a</p>
</div>

<div  class="b">
<p>bb b b b b b b b b b b b b b b b</p>
</div>

</body>

natttan 02 май 2014, в 15:23

Источник

0

Что ты пытаешься сделать? первый this в $(this).click еще не имеет контекста, вам нужно сначала присоединить событие click к узлу ...
balexandre 02 май 2014, в 12:27
0

jsfiddle.net/arunpjohny/386tu/2
Arun P Johny 02 май 2014, в 12:28

Теги:

jquery

this

3 ответа

0

Вы совершенно не понимаете this селектор:

$(document).ready(function(){
    $("p").hide();
        $(this).click(function(){
            jQuery(this).find("p").toggle(500);
        });
});

Сначала вы выполняете функцию jQuery в document, теперь селектор $(this), который вы используете после, ссылается на document, потому что он находится внутри функции $(document).ready.

Правильный способ сделать это:

$(document).ready(function(){
    $("p").click(function(){
        $(this).hide(){
   });
});

На мой взгляд, у вас есть первый селектор, если вы нажмете, то this означает p. Таким образом, в основном функция click для ВСЕХ объектов <p> в вашем HTML, но только <p> скроется, а с помощью $("p").hide() ВСЕ объекты <p> будут скрыты.

Daan 02 май 2014, в 10:09

0

Теперь я это понимаю. В этом случае вы должны написать «div» вместо «p». Но спасибо за то, что вы высказали.
natttan 02 май 2014, в 12:49

0

Используйте этот код:

$('div').click(function(){
  $(this).filter('p').toggle(500);
});

Вы были привязаны к document

Amit Joki 02 май 2014, в 09:42

Ещё вопросы

Что ты пытаешься сделать? первый this в $(this).click еще не имеет контекста, вам нужно сначала присоединить событие click к узлу ...
Теперь я это понимаю. В этом случае вы должны написать «div» вместо «p». Но спасибо за то, что вы высказали.

BroiSatse · Accepted Answer · 2014-05-02T11-17-00.000Z

$("p").hide();
    $(this).click(function(){
 jQuery(this).find("p").toggle(500);
 });

Вы привязываете событие click к документу. Вместо этого привяжите его к div:

$('div').click(function(){
   $(this).find("p").toggle(500);
 });