Javascript 如何使用JQuery获取tr值
我做这个例子是为了在Jquery中返回一个tr值,但在这个例子中它不起作用Javascript 如何使用JQuery获取tr值,javascript,jquery,html,Javascript,Jquery,Html,我做这个例子是为了在Jquery中返回一个tr值,但在这个例子中它不起作用 $(document).ready(function(){ var i = 1; $("tr").click(function(e){ e.preventDefault(); var num = $(this).attr('value'); if(i == 1) { $(".informations"+num).show('slow');
$(document).ready(function(){
var i = 1;
$("tr").click(function(e){
e.preventDefault();
var num = $(this).attr('value');
if(i == 1)
{
$(".informations"+num).show('slow');
i = 0;
}
else
{
$(".informations"+num).hide('slow');
i = 1;
}
console.log(num);
});
});
HTML
知道为什么吗?谢谢
tr
不应该有值
属性。在HTML和$(this.data('value')中使用data value=“1”
代码>在代码中
HTML
<tr class="informations1 informations" data-value="1">
AsTR
没有值属性。我建议您使用data-*
custom属性
HTML
值不适用于tr标记。使用
在jquery中使用.toggle()
$("tr").click(function(e){
e.preventDefault();
var num = $(this).data('value');
$(".informations"+num).toggle('slow');
});
如果您的表没有
包装器,这可能是您的问题。看这把小提琴。我的猜测是,您的标记无效,因此将文本插入到没有结构的DOM中(那么您的绑定将无效)。value=“1”
它的作用是什么?tr
不支持value属性。您想做什么?可以使用自定义数据属性而不是使用值吗?像数据值
@EvanKnowles这是工作Evan你可以试试it@Satpal当前位置但他的工作正常。看这里。他可以得到tr值@AmitKumar,检查我刚刚使用了==
而不是=
来严格检查失败。对.data()
example@Satpal这是否意味着==?@KarimEnnassiri,除了没有进行类型转换外,identity(==)运算符的行为与equality(==)运算符相同,并且类型必须相同才能被视为相等。阅读
...
var num = $(this).data('value');
...
<tr class="informations1 informations" data-value="1">
var num = $(this).data('value');
$("tr").click(function(e){
// ...
console.log($(this).attr('data-value'));
// ...
});
$("tr").click(function(e){
e.preventDefault();
var num = $(this).data('value');
$(".informations"+num).toggle('slow');
});