javascript - 检查 Id 元素 javascript

标签 javascript html css

var jewels = new Array()
var index
var rand

var scard = [a1, a2, a3, b1, b2, b3, c1, c2, c3]

    function generateBoard() {

        for (var i = 0; i <= 8; i++) {
            jewels[i] = new Array();

            var index = Math.floor(Math.random() * scard.length)
            jewels[i] = scard[index]
            console.log("I:" + i + jewels[i])
            var yy = scard.indexOf(scard[index]);
            scard.splice(yy, 1);
        }
    }

    function drawBoard() {

        generateBoard()
        var html = '<div class=Game_Background>'

        for (var i = 0; i < 9; i++) {

            rand = Math.floor(Math.random() * jewels.length)
            html += '<div class="' + jewels[rand] + '" id="ship' + i + '" style="top:' + ((i * 12) + 135) + 'px; left:245px;" ></div>'
            jewels.splice(rand, 1);
        }
        var newarray = [a1, a2, a3, b1, b2, b3, c1, c2, c3]
    }

这里的a1,a2,a3,b1,b2,b3,c1,c2,c3是css类。我用newarray是因为我拼接了所有的数组项。现在假设ship2 id的元素是b3,b3定位在新数组 [5] 中。我如何检查这个(id 元素位于数组中的索引号)?

最佳答案

<script type="text/javascript">
var jewels = new Array()
var index
var rand

var scard = ["a1", "a2", "a3", "b1", "b2", "b3", "c1", "c2", "c3"];
var newarray = ["a1", "a2", "a3", "b1", "b2", "b3", "c1", "c2", "c3"];

drawBoard();



function drawBoard() {


    var html = '<div class=Game_Background>'

    for (var i = 0; i < 9; i++) {

        rand = Math.floor(Math.random() * scard.length);
        html += '<div class="' + scard[rand] + '" id="ship' + i + '" style="top:' + ((i * 12) + 135) + 'px; left:245px;" ></div>'
        alert(newarray.indexOf(scard[rand]));
        scard.splice(rand, 1);
    }
}

</script>

关于javascript - 检查 Id 元素 javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16518597/

相关文章:

javascript - 您如何使用 JavaScript 框架来防止点击劫持?

html - 个人资料照片上的按钮

javascript - 在 jQuery 中修改 CSS 变量/自定义属性

jquery - Accordion 旁边的边框没有更新

css - 使 Div 100% 成为祖 parent 容器?

javascript - 如何进行实时搜索(包括加载搜索)

javascript - drupal 6中使用javascript计算

javascript - 使用 ES6 Promise 进行递归的好方法?

JavaScript 幻灯片无法按预期工作

html - 当另一个属性为 True 时使用 css 更改属性