如何使用 Jquery select child div 单击按钮

Question

我想 select 'chat-box-frnd-cnt' div 应用淡出，我试过使用：

$(".chat-box, html, body").on("click", '.submitchatnew', function(){
$(this).parent().next('.chat-box-frnd').find('.chat-box-frnd-cnt').fadeOut(500);
});

但是没用

HTML:

<div class="chat-box">
         <div id="consubmitchatnew">
            <input class="submitchatnew" type="submit" value="" />
            </div>
                        <div class="chat-box-frnd">
                        <div class="chat-box-frnd-img"></div>
                        <div class="chat-box-frnd-cnt">
                        <div class="cbf-cnt"><h4></h4></div></div>
                        <div class="chat-box-frnd-cpng"></div>
                        <div class="chat-box-frnd-nm"><h3></h3></div>
                        <div class="cb-frnd-divisor"></div>
                        </div>

</div>

Answer 1

关注 JQuery`s documentation

你应该使用 $(".chat-box").children(".chat-box-frnd-cnt").fadeOut(500);

如何使用 Jquery select child div 单击按钮

How to select a child div on button click using Jquery

html

jquery

jquery-selectors