如何根据数组的长度显示或隐藏按钮？

Question

我想根据数组的长度显示或隐藏按钮。

尝试做条件语句

var bios = [
    {
         id: 1,
         biography: "I am human",
    }
];

function addBio(bio) {
    if (bios.length === 0) {
        bios.push(bio);
        appendToBioTable(bio);
        $('bioHead').append(`<button id="bioButton">button</button>`)
    }
    else if (bios.length > 0) {
        $('#bioButton').remove();
    }
}

我需要根据数组的大小立即显示或删除按钮。

Answer 1

当您将按钮附加到dom时，给它一个{button [{1}}”，但是当您删除它时，您正在寻找一个带有“ {bioButton”的id的元素

因此只需将id更改为$('#bioButton').remove();

Answer 2

这是一个可行的示例，只有在数组为空时，按钮才会出现：

$('#button').remove();

var bios = [];

if (bios.length === 0) {
  $('#bioHead').append(`<button id="bioButo">button</button>`)
} else if (bios.length > 0) {
  $('#bioButton').remove();
}