使用JavaScript和jQuery检查表重叠

时间:2018-12-14 06:30:11

标签: javascript jquery arrays html-table

我正在开发时间表Web应用程序,但我有一些问题。当我单击按钮时,单击的行数据将转到我设置“选定主题”表的表下。

如果主题代码已位于所选主题中,我想这样做,提醒消息并防止将数据放入第二张表中。

我第一次想到,当我单击添加按钮时,创建一个数组并放入主题代码数据,并且每次单击添加按钮时,请检查该数组是否存在主题代码。 / p>

这是我的代码。

// Add Subject Button Click Event
$('.checkBtn').click(function () {
    let checkBtn = $(this);

    let tr = checkBtn.parent().parent();
    let td = tr.children();

    let table = document.getElementById('subjectSelectBody');
    let row = table.insertRow();

    let subjectCode = row.insertCell(0);
    let subjectName = row.insertCell(1);
    let credit = row.insertCell(2);
    let major = row.insertCell(3);
    let day = row.insertCell(4);
    let time = row.insertCell(5);
    let deleteButton = row.insertCell(6);

    // Get Select Tag data
    let subject = td.eq(0).text();
    let x = document.getElementById(subject).value;


    // put data into second table (selected table)
    subjectCode.innerHTML = td.eq(0).text();
    subjectName.innerHTML = td.eq(1).text();
    credit.innerHTML = Number(td.eq(2).text());
    major.innerHTML = td.eq(3).text();
    day.innerHTML = x;
    time.innerHTML = td.eq(5).text();
    deleteButton.innerHTML = "<button>delete</button>";

    // When clicks delete button, remove the data from second table
    $('button').click(function () {
        $(this).parents('tr').first().remove();
    });

    // Create subject add Array to check overlap
    let sbjCodeArr=new Array();
    sbjCodeArr.push(td.eq(0).text());
    console.log(sbjCodeArr);

    // Total Array to deliver to server
    let tdArr = [td.eq(0).text(), td.eq(1).text(), Number(td.eq(2).text()), td.eq(3).text(), x, td.eq(5).text()];
    console.log(tdArr);
})

Main

0 个答案:

没有答案