在选择器名称

Question

我正在抓取输入的值并将其设置为变量。然后我如何将其用作选择器名称的一部分。这是一个我已经得到的地方的演示以及我想要实现的目标

    // grab the id   
    var rowId = $('input[name="row-id"]').val();

    // Use the variable as part of selector
    $('body').on("click", ".upload-form-'rowId'", function(event) { 

    // do stuff here  

    })

选择器的输出类似于.upload-form-99，例如

Answer 1

为什么不这样做：

// grab the id   
var rowId = $('input[name="row-id"]').val();

rowId = '.upload-form-' + rowId;

// Use the variable as part of selector
$('body').on("click", rowId, function(event) { 

// do stuff here  

})

Answer 2

这不起作用的任何特殊原因？

$('body').on("click", ".upload-form-" + rowId, function...

Answer 3

如果你正好使用ES6，这里有一个更优雅的解决方案：

＆＃13;

＆＃13;

    // grab the id   
   let rowId = $('input[name="row-id"]').val();

    // Use the variable as part of selector
    $('body').on("click", `.upload-form-${rowId}`, (event) => { 

    // do stuff here  

    })

＆＃13;

＆＃13;

＆＃13;