先展示效果(说明:该效果是通过一个后端发来的一个id去找到对应的表格的行,同时获取表格的项目名称:LLL,将其显示在父页面上;并且实现将id对应的表格的行的复选框进行勾选中)
话不多说上代码:(只展示核心部分)
$.ajax({
url: BASE_URL +':8080/api/Redis/getApplyProjectId',
type: 'GET',
success: function(data) {
let projectId = data.data;
if (projectId) {
showHiddenElementsInParent();
$("#cancel").show();
let tableText = $('#currentTableId').next('.layui-table-view').find('.layui-table-body table');
tableText.find('tbody tr').each(function() {
let rowData = $(this).find('td[data-field="id"] div').text(); // 获取id列的文本内容
if (rowData.trim() === projectId) {
console.log(projectId);
let projectName = $(this).find('td[data-field="projectName"] div').text();
console.log(projectName);
parent.showHiddenElements(projectName);
// 将复选框标记为选中状态
$(this).find('input[name="layTableCheckbox"]').next('.layui-form-checkbox').addClass('layui-form-checked');
}
});
} else {
console.log('没有应用项目');
}
}
});
注意:在遍历获取表格数据(如,项目名称 projectName)时,注意在浏览器中检查元素的结构,layui喜欢隐藏一些内容,我也检查了好久才发现实际的值在td标签中还有一个div标签(这才是真正的值所在)所以在找到值的时候后面得跟一个空格div( div)就好了;还有要找对位置(从大往小找)