Javascript jQuery动态选择表
例如: 若你们点击这个按钮,你们会看到一些表格。“td”设置attr以优化下一步的搜索 首先输入更改列值, 第二个输入更改列值2, 第三个输入更改列值3, 最后一点并不重要Javascript jQuery动态选择表,javascript,jquery,html,Javascript,Jquery,Html,例如: 若你们点击这个按钮,你们会看到一些表格。“td”设置attr以优化下一步的搜索 首先输入更改列值, 第二个输入更改列值2, 第三个输入更改列值3, 最后一点并不重要 如何连接所有表单以获得一个公共结果?现在,如果我输入所有“tr”得到的任何表单结果,我将按照您所说的优化您的代码,演示 $("#options1").change(function() { $("#filter1").keyup(); }); $("#filter1").keyup(function () {
如何连接所有表单以获得一个公共结果?现在,如果我输入所有“tr”得到的任何表单结果,我将按照您所说的优化您的代码,演示
$("#options1").change(function() {
$("#filter1").keyup();
});
$("#filter1").keyup(function () {
var filter1 = $("#filter1").val();
var tr = $('tr').not(":nth-child(1)");
if (!filter1.length) return tr.show();
tr.hide().filter(function () {
var t = $('.wys', this).attr('data-wys');
return operators[$("#options1").val()](t, parseInt(filter1));
}).show();
});
$(document).ready(function() {
function eachcolom($that){
$that.each(function() {
$(this).attr('data-wys',parseFloat($(this).text()));
});
}
$("#inputs").hide();
$("#detailed").click(function(){
$("#inputs").toggle();
eachcolom($('.wys'))
eachcolom($('.ctr'))
eachcolom($('.ok'))
});
var operators = {
'equal': function(a, b) { return a == b },
'notequal': function(a, b) { return a != b },
'more': function(a, b) { return a > b },
'less': function(a, b) { return a < b }
};
function allForm($that, filt, ass, ty){
var filter1 = $(filt).val();
var tr = $('tr').not(":nth-child(1)");
if (!filter1.length) return tr.show();
switch(ty){
case 'f':
filter1 = parseFloat(filter1);
break;
case 'i':
filter1 = parseInt(filter1);
//alert(filter1)
break;
};
tr.hide().filter(function () {
var t = $("."+ass.attr('class'), this).attr('data-'+ass.attr('class'));
console.log(operators[$that.val()](t, filter1))
return operators[$that.val()](t, filter1);
}).show();
}
$("#options1").change(function() {
//allForm($(this),$('#filter1'))
$("#filter1").keyup();
});
$("#filter1").keyup(function () {
//alert('')
allForm($(this).prev('select'), this, $('.wys'), 'i')
});
$("#options2").change(function() {
$("#filter2").keyup();
});
$("#filter2").keyup(function () {
allForm($(this).prev('select'), this, $('.ctr'), 'f')
});
$("#options3").change(function() {
$("#filter3").keyup();
});
$("#filter3").keyup(function () {
allForm($(this).prev('select'), this, $('.ok'), 'f')
});
});