jquery - 在父点击时避免 2 个嵌套 div

Question

当用户点击.post父 div 时；窗口位置被带到 childa.link的 href 值。但是，其中还有 2 个其他 div.post应该避免该功能。

我将如何忽略其父div 中的.recommendand div？.new.post

$("div.post").click(function(e){ // parent div
     e.stopPropagation();
     // avoid the .recommend and .new divs ?
     window.location = $(this).find('a.link').attr('href');
     return false;
});

-------------
<div class="post">
    <a class="link" href="{{ post.url }}">Post title</a>
    <img src="{{ post.image }}" />
    <p>{{ post.description }}</p>
    <div class="recommend">
         {{ post.recommend_form }}    
    </div>
    <div class="new">
        <p>Post a new comment</p>
        <a href="{{ post.new_comment_form }}">New</a>
    </div>
</div>

本质上，我想让整个 div 可点击，但避免 2 个嵌套 div。帮助？提前谢谢你的帮助。

Answer 1

试试这个：

$("div.recommend, div.new").click(function(e){ // child div
     e.stopPropagation();
     // avoid the .recommend and .new divs
});