<img/>作为JS函数

Question

我正在尝试将我的搜索字段的点击处理程序绑定到img或带有on()的类，但它不起作用。我正在使用此代码添加图像：

jQ('#psc').append('<div class"psc-search-wrapper" style="float:left;"><input class="psc-input"></input><img class="psc-search-image"title=""/></div>');

var table = $('#tbl-me').DataTable();
table.columns().eq(0).each(function(colIdx) {
    var searchHandler = $(".psc-search-image");
    jQ('.psc-input', table.column(colIdx).header()).on('click', searchHandler, function() {
        table.column(colIdx).search(this.value).draw();
    });
});

Answer 1

您应该选择刚刚添加的<div class"psc-search-wrapper" ...的父级，然后选择searchHandler的子级。

您无法选择jQ( '.psc-input', ...您应该选择父级，然后使用find()选择它：

var myInput = jQ('#psc').find('.psc-input')

Answer 2

    var table = $('#tbl-me').DataTable();
        jQ('#psc-search').on('click',function(){
            var pscValue = jQ('.psc-input').val();  
            table.column(3).search(pscValue).draw();    
        });

解决了:)