event.currentTarget 子元素的切换类不工作

Question

我正在尝试切换element.currentTarget的一类 chield 元素，但它不起作用。 我不知道该怎么办。

HTML:

<div class="post-footer-icons-container-el" data-btntype="comment">
    <div class="post-footer-icons-circle bluei">
        <img class="post-footer-icons"src="/icons/chat-bubble.png"> 
    </div>
      UserPosts[i].retweetedpost.numComments %> 
 </div>

记者：

event.currentTarget.children(".post-footer-icons-circle").removeClass("redl");

我不介意我是否使用这个课程，我只想选择第一个和唯一的孩子并切换课程。

所有代码：

$(".post-footer-icons-container-el").on("click",function(event){
    event.preventDefault();
    const postid = event.currentTarget.parentElement.getAttribute("data-postId");
    const typebtn = event.currentTarget.getAttribute("data-btntype");
    
    if(typebtn==="like"){
        //no funciona async await en jquery .on
        axios.post("http://127.0.0.1:3000/useractions/likepostmanage",{
                "likedpost":postid
            }).then(function(response){
                //the parent event handler will not be triggered
                
        });

        event.currentTarget.children(".post-footer-icons-circle").toggleClass("redl"):
    }
    if(typebtn==="rt"){
        //no funciona async await en jquery .on
        axios.post("http://127.0.0.1:3000/useractions/retweetpostmanage",{
                "retweetedpost":postid
            }).then(function(response){
                //the parent event handler will not be triggered
                
        });
        $(event.currentTarget).find(":selected").toggleClass("redl");
    }
    
    event.stopPropagation(); 
});

与孩子一起工作对我来说任何事情都适用。

上面的代码也给我一个错误：

未捕获的类型错误：event.currentTarget.children 不是函数

Answer 1

使用 jQuery 对象$(this)并使用eq调用第一个.children()来切换你的类。

例子：

 $(".post-footer-icons-container-el").on("click", function(event) { $(this).children(".post-footer-icons-circle:eq(0)").toggleClass("redl"); });

 .redl { background: red; }

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="post-footer-icons-container-el" data-btntype="comment"> <div class="post-footer-icons-circle bluei"> <img class="post-footer-icons" src="/icons/chat-bubble.png"> </div> count </div>