在父单击时避免使用2个嵌套div

Question

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

如何忽略其父.recommend div中的.new和.post div？

$("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
});