javascript - 如何找到具有特定类的div

Question

html:

 <tr> 
          <td class="last_msg" id="408"><a href="/index/408" id="408">
               <div id="div408" class="msg-div">
               <div class="msg-actions">
                    <div id="unr_msg408" class="msg-unread"></div>
               </div>
               <div style="margin-top:14px; margin-bottom: 14px; line-height: 21px;">
                  <span class="msg-sender-name">Name</span>  
                  <span class="msg-date">Date</span><br>
                </div>
                </div>
              </a>
        <span class="msg_dlt_icon"><img id="dlt408" src="/public/images/icon-delete-blue.png" class="msg_icon_dlt" onclick="return deleteMessage()"></span>                   
          </td>                       
     </tr>

单击带有类 msg_dlt_icon 的跨度，我需要检查类的 div 是否为 msg-actions有 div <div id="unr_msg408" class="msg-unread"></div> .

我尝试了以下行，

var unread =$(this).closest("tr").find('.msg-actions').hasClass('.msg-unread');

我提醒未读变量，它总是返回 false。

我想查找是否<div id="unr_msg408" class="msg-unread"></div>存在于内部 <div class="msg-actions"> .

可以吗

Answer 1

所以你需要先找到.msg-actions的 child ，然后检查它是否有类msg-unread。

var unread =$(this).closest("tr").find('.msg-actions > div ').hasClass('msg-unread');