Question

回到jQuery和JS，我忘记了基础......

J(".thSort").click(function() {
    var num = J(this).parent().index() + 1;
    var thName = J(this).parent().children().html();
    J("table td:nth-child("+ num +"),th:nth-child("+ num +")").hide('slow');
    J('.filterToggle').append(' <a href="#" onClick="J("table td:nth-child("+ num +"),th:nth-child("+ num +")").show();"> Show "thName" </a>');
});

基本上，当我使用类thSort单击X时，这会隐藏列。当它隐藏一个列时，我希望它写入一个div，我在其他地方有哪些项目被隐藏，所以人们可以再次“显示”它们。

Answer 1

尝试使用：

J(".thSort").click(function() {
var num = J(this).parent().index() + 1;
var thName = J(this).parent().children().html();
J("table td:nth-child("+ num +"),th:nth-child("+ num +")").hide('slow');
J('.filterToggle').append(' <a href="#" onClick="J("table td:nth-child('+ num +'),th:nth-child('+ num +')").show();"> Show "thName" </a>');}

当您使用'启动字符串时，您必须使用'从字符串中断以添加变量。

Answer 2

Pluckerpluck发现了你的问题，但还有一个你用的地方“而不是”，这就是显示“thName”而不是列名的原因。

J(".thSort").click(function() {
var num = J(this).parent().index() + 1;
var thName = J(this).parent().children().html();
J("table td:nth-child("+ num +"),th:nth-child("+ num +")").hide('slow');
J('.filterToggle').append(' <a href="#" onClick="J("table td:nth-child('+ num +'),th:nth-child('+ num +')").show();"> Show ' + thName + ' </a>');
}

这应该可以解决问题。

使用追加jquery传递变量

2 个答案: