我一定是在某个地方犯了错误,所以document.getElementsByClassName().innerHTML
总是会回来不明确的.
首先我生成<li>
通过 JavaScript :
$('#list').append('<li class="box"><img class="picture" src="images/HotPromo/tagPhoto1.png"/><p class="name"><b>Name</b></p><p class="address">Address</p><p class="hidden"></p></li>');
请注意,在最右边我有一个<p>
元素与hidden
班级。我用这个来获得id我不想向我的用户展示。
这是生成这些数据的 jQuery<li>
:
$(".box").each(function () {
var name, address, picture, id = "";
if (i < result.length) {
name = result[i].name;
address = result[i].address;
picture = result[i].boxpicture;
id = result[i].mallid;
}
$(this).find(".name").html(name);
$(this).find(".address").html(address);
$(this).find(".picture").attr("src", picture);
$(this).find(".hidden").html(id);
i++;
});
我尝试检查数据,效果很好。
现在,假设我想提醒隐藏的id <p>
当用户点击其中之一时<li class="box">
我上面生成的:
$(".box").click(function () {
alert(document.getElementsByClassName('hidden').innerHTML);
});
然而这个警报总是返回“不明确的".
document.getElementsByClassName()
返回一个节点列表,而不是一个元素!
所以应该是:
document.getElementsByClassName('hidden')[0].innerHTML
因为你可能还有更多.hidden
元素,并且只想要当前元素中的元素.box
(这将是this
在事件处理程序中)
this.getElementsByClassName('hidden')[0].innerHTML
但为什么不使用 jQuery
$(".box").click(function(){
alert( $('.hidden', this).html() );
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)