Javascript jQuery不接受HTML中的新字段

我尝试创建一个幸运数字生成器。我用C#实现了这一点，现在用JavaScript和jQuery实现了这一点。当我添加新字段时，JQ看不到它。只需点击“你的领域”中的数字即可。我有标准的7个字段，它们工作得很好，但当我添加新行脚本时，它们并没有像一些有用的东西一样识别出来。你能给我一些建议吗？

更改下面的js代码

您的代码：

$('.spielzahlen').on('click', function() {
    var list = []
    tablereset()
    var item = $(this).text().split(', ')
    item.forEach(function(index) {
        if (index != "")
            list.push(index)
    })
    console.log($(this).text())
    list_temp = list
    $(this).empty()
    $('#temp').val(list)
    var tds = document.getElementsByTagName("td")
    list.forEach(function(index) {
        var idt = index - 1
        tds[idt].className = 'checked'
    })
    changeLen(list_temp.length)
})

用以下代码进行更改，只有初始化更改，其他代码相同：

$(document).on('click','.spielzahlen', function() {
    var list = []
    tablereset()
    var item = $(this).text().split(', ')
    item.forEach(function(index) {
        if (index != "")
            list.push(index)
    })
    console.log($(this).text())
    list_temp = list
    $(this).empty()
    $('#temp').val(list)
    var tds = document.getElementsByTagName("td")
    list.forEach(function(index) {
        var idt = index - 1
        tds[idt].className = 'checked'
    })
    changeLen(list_temp.length)
})

更改下面的js代码

您的代码：

$('.spielzahlen').on('click', function() {
    var list = []
    tablereset()
    var item = $(this).text().split(', ')
    item.forEach(function(index) {
        if (index != "")
            list.push(index)
    })
    console.log($(this).text())
    list_temp = list
    $(this).empty()
    $('#temp').val(list)
    var tds = document.getElementsByTagName("td")
    list.forEach(function(index) {
        var idt = index - 1
        tds[idt].className = 'checked'
    })
    changeLen(list_temp.length)
})

用以下代码进行更改，只有初始化更改，其他代码相同：

$(document).on('click','.spielzahlen', function() {
    var list = []
    tablereset()
    var item = $(this).text().split(', ')
    item.forEach(function(index) {
        if (index != "")
            list.push(index)
    })
    console.log($(this).text())
    list_temp = list
    $(this).empty()
    $('#temp').val(list)
    var tds = document.getElementsByTagName("td")
    list.forEach(function(index) {
        var idt = index - 1
        tds[idt].className = 'checked'
    })
    changeLen(list_temp.length)
})

---

这不是图像。这是一个类似JSFIDLE的站点。JSFIDLE不支持很多像plunker这样的特性@MaHarderm检查答案，仅更改答案中描述的一行。这不是图像。这是一个类似JSFIDLE的站点。JSFIDLE不支持很多像plunker这样的特性@MaHarderm检查答案，只更改答案中描述的一行。