欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

jquery 選擇人加入組

錢瀠龍1年前7瀏覽0評論

在網頁中,我們常常需要選擇一些特定的用戶,然后將其加入到組里面。為了實現這個功能,我們可以使用jQuery來進行簡單快捷的編碼。

// 假設我們已經獲取到了所有用戶的列表,以及所有組的列表
var userList = $('.user-list');
var groupList = $('.group-list');
// 為用戶列表中的每一項添加點擊事件處理函數
userList.on('click', '.user-item', function() {
// 當前被點擊的用戶
var user = $(this);
// 查找用戶所在的組
var group = user.closest('.group-item');
// 判斷用戶是否已經在該組中
if (group.find('.user-item[data-id="'+user.data('id')+'"]').length === 0) {
// 如果用戶不在該組中,就將其加入到該組中
var newUser = user.clone();
newUser.appendTo(group.find('.user-list'));
}
});
// 為組列表中的每一項添加點擊事件處理函數
groupList.on('click', '.group-item', function() {
// 當前被點擊的組
var group = $(this);
// 查找該組中的所有已選擇的用戶
var selectedUsers = group.find('.user-item.selected');
// 將這些用戶從該組中移除
selectedUsers.each(function() {
$(this).remove();
});
});
// 為用戶列表中的每一項添加點擊事件處理函數
userList.on('click', '.user-item', function() {
// 切換用戶的選擇狀態
$(this).toggleClass('selected');
});

以上代碼實現了一個簡單的用戶選擇功能。通過在點擊事件處理函數中使用jQuery方法,我們可以快捷地實現元素選取、查找、切換狀態等操作,從而實現我們需要的功能。