需求:根据class名绑定每个chat-message,然后更具data的值来增加新的class属性
<div class="chat-message" th:data="${dto.sendMemberId}">
thymeleaf部分
<div class="chat-discussion m-b-sm chat_discussion">
<div th:each="dto,stat:${tranMessageList}">
<div class="chat-message" th:data="${dto.sendMemberId}">
<img class="message-avatar" src="/img/a1.jpg" alt="" >
<div class="message">
<a class="message-author" href="#" th:text="${dto.sendName}"> Michael Smith被聊天 </a>
<span class="message-date" th:text="${dto.createTime}"> Mon Jan 26 2015 - 18:39:23 </span>
<span class="message-content" th:text="${dto.messageContent}"></span>
</div>
</div>
</div>
</div>
js部分
$(document).ready(function() {
$(".chat-message").each(function() {
if($(this).attr("data")==="1"){
$(this).addClass('right');
} else {
$(this).addClass('left');
}
});
});