Javascript ; 填充：2x10px； } .眨眨眼{ 填充：2px； -webkit动画名称：blinker； -webkit动画持续时间：1s； -webkit动画计时功能：步骤（1，开始）； -webkit动画迭代计数：无限； -moz动画名称：闪烁器； -moz动画持续时间：1s； -moz动画计时功能：步骤（1，开始）； -moz动画迭代次数：无限； 动画名称：闪烁； 动画持续时间：1s； 动画计时功能：步骤（1，开始）； 动画迭代次数：无限； } @-moz关键帧闪烁{ 0%{背景色：无；} 50%{背景色：红色} 100%{背景色：无；} } @-webkit关键帧闪烁器{ 0%{背景色：无；} 50%{背景色：红色} 100%{背景色：无；} } @关键帧闪烁器{ 0%{背景色：无；} 50%{背景色：红色} 100%{背景色：无；} } .集装箱{ 位置：相对位置； 宽度：225px； 高度：52px； 填充：20px 10px 0； 利润率：100px自动10px； 文本对齐：居中； 背景：rgba（255，255，255，0.7）； -moz边界半径：5px； 边界半径：5px； -webkit盒阴影：0px 1px 1px rgba（0,0,0,0.1）； -moz盒阴影：0px 1px 1px rgba（0,0,0,0.1）； 盒影：0px 1px 1px rgba（0,0,0,0.1）； } .uibutton{ 显示：内联块； 填充物：5px10px； 边框顶部：1px实心#96d1f8； 颜色：#fff； 边界半径：8px； 盒影：rgba（0,0,0,1）0 1px 0； 文本阴影：rgba（0,0,0,4）0 1px 0； 文字装饰：无； 背景：#65a9d7； 背景重复：无重复； 背景图像：-webkit线性渐变( 左上角， rgba（255，255，255，0.2）0%， rgba（255，255，255，0.2）37%， rgba（255，255，255，0.8）45%， rgba（255，255，255，0.0）50% ), -线性梯度( #3e779d#65a9d7 ); 背景图像：-moz线性梯度( 0 0, rgba（255，255，255，0.2）0%， rgba（255，255，255，0.2）37%， rgba（255，255，255，0.8）45%， rgba（255，255，255，0.0）50% ), -莫兹线性梯度( #3e779d#65a9d7 ); 背景图像：-o-线性-梯度( 0 0, rgba（255，255，255，0.2）0%， rgba（255，255，255，0.2）37%， rgba（255，255，255，0.8）45%， rgba（255，255，255，0.0）50% ), -o-线性梯度( #3e779d#65a9d7 ); 背景图像：线性梯度( 0 0, rgba（255，255，255，0.2）0%， rgba（255，255，255，0.2）37%， rgba（255，255，255，0.8）45%， rgba（255，255，255，0.0）50% ), 线性梯度( #3e779d#65a9d7 ); 背景位置：-100px-100px，0； -moz背景大小：250%250%，100%100%； 背景尺寸：250%250%，100%100%； -webkit过渡：背景位置； -moz转换：背景位置； -o-过渡：背景位置； 过渡：背景位置； } .头罗：悬停， .海德罗：集中注意力{ 颜色：#e60000； 背景位置：0,0,0； -webkit转换持续时间：0.5s； -moz转换持续时间：0.5s； 过渡时间：0.5s； } .headerrow:激活{ 顶部：1px； }/*CSS文档*/ #钮扣头{ 背景：url(http://www.ahoymearty.co.uk/basebubble/images/help.png)3px 5px不重复； 左：620px； 顶部：30px； 位置：相对位置； 宽度：10px； 高度：30px； 线高：27px； 显示：块； 颜色：#000； 填充：2x10px； } #盘旋{ 背景：无重复滚动0 0#ddd； 边框：0px实心#达达； 颜色：#333333； 宽度：300px； 身高：0； 溢出：隐藏； 左：5px； 线高：20px； 位置：绝对位置； 顶部：30px； -webkit过渡：所有.3s轻松； -moz过渡：全部.3s轻松； -ms过渡：全部。3秒轻松； -o-过渡：全部3秒轻松； 过渡：全部。3秒轻松； } #按钮帮助：悬停>#悬停{ 显示：块； 高度：350px； } 名称 价格 允许的总数 通缉犯总数 需要的要点

如果您想频繁使用动态生成的内容，可能需要使用类似的模板生成器。 您的问题的答案是绑定更改事件以选择和使用

$（this）

，并使用树遍历，如

$（this）.closest（'tr.find（'td.j-firstColumn）

。我还建议使用类作为选择器

$（文档）.on（'change'，'j-select'，函数（e）{
var$firstCoumn=$（this.closest（'tr.find（'td.j-firstColumn））；
//使用$firstCoumn执行一些操作
});

使用上面的构造，您无需在生成模板时随时生成新事件。
很高兴为您提供帮助：）：）
$(document).ready(function () {
    arrayData();
});

function arrayData() {
    var index;
    var text = "<ul>";
    var htmlTable = '';
    var raidCalcTable = [];
    raidCalcTable = [{
        printName: "Jack",
        printPrice: 1111,
        quantityAllowed: 1,
    }, {
        printName: "John",
        printPrice: 2222,
        quantityAllowed: 2,
    }, {
        printName: "Jill",
        printPrice: 3333,
        quantityAllowed: 3,
    }];

    for (index = 0; index < raidCalcTable.length; index++) {

        var id = "id=\"print" + (index+1) + "want\""; 
        var onchange = " onchange=\"mychange()\"";

        $("#tbNames tr:last").after("<tr>   <td>" +
        raidCalcTable[index].printName + "</td> <td>" + 
        raidCalcTable[index].printPrice   + "</td> <td>" + 
        raidCalcTable[index].quantityAllowed + 
        "</td><td><select " + id + onchange + "><option value= 0 >0</option><option value= 1 >1</option><option value= 2 >2</option></select></td>   </tr>");
    }//end of loop

}

var myclass = 'class="printwant"'; 

<td class='myprice'>

$('#tbNames').on('change','.printwant',function(){

$(this).parent().parent('tr').find('td:last').html($(this).parent().parent('tr').find('.myprice').html() * $(this).val());
});