Javascript 函数创建它自己的 ，但在此过程中删除网页上的所有其他

Question

好吧，标题说明了一切。我的 javascript 函数构建一些“ block ”并使用 <ul>和 <li>创建它们。问题是，它删除了所有其他 <li>在网页上。

编辑:(好吧，我假设这个函数是造成这个的原因。删除我的意思是:它们完全消失了，在浏览器中查看 HTML 源代码只显示了 <ul></ul> 而没有 <li></li>，它们已经消失了)

给出网页的<ul>和 <li>一个不同的类没有效果，它仍然删除了 <li></li>

我怎样才能避免这种情况？

JS函数(只是其中的一部分):

//Board build up
function setBlocks() {
    bR = 0;
    counts = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
    var mR = 5, mC = 6;
    var tempFloor, tempRow, tempBlock;
    var floors = $('ul');
    floors.empty();
    for (var f = 0; f < 4; f++) {
        bM[f] = [];
        for (var r = 0; r < mR; r++) {
            bM[f][r] = [];
            tempRow = $('<li></li>');
        $(floors[f]).append(tempRow);
        for (var c = 0; c < mC; c++) {
            var randomNoRequired = true;
            var randomClass;
            while(randomNoRequired) {
                randomClass = Math.round(Math.random() * 10 + 0);
                if (counts[randomClass] < 6 || bR >= 66) {
                    randomNoRequired = false;
                }
            }

etc etc etc

JS使用的HTML:

<div id="a2">
                    <ul></ul>
                    <ul></ul>
                    <ul></ul>
                    <ul></ul>
                    <a class="x"></a>
                </div>

网页上的其他 HTML，其中 <li></li>被移除:

<div id="scoreboard-overview">
        <ul> 
             <li>
             test
             </li>
etc etc etc

感谢任何帮助

亲切的问候，莫里斯

Answer 1

那是因为你打电话

var floors = $('ul');
floors.empty();

编辑 - 仅选择 <div id="a2"> 中的 ul使用

$('div#a2 ul');