$(".chat-message").each(function(){}); 的使用

需求:根据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');
					}
				});
            });
上一篇:Spring Boot整合WebSocket


下一篇:使用Android客户端进行socketIO时出现SocketIO异常