jQuery加载问题。不知道如何处理这个AJAX调用

Question

$("[littleBox]").load("ajax.php?eid="+$(this).attr("littlebox"));

代码的$(this).attr("little box")部分返回undefined。 我正在尝试获取初始$("[littleBox]")的个别属性。

只要文档准备就绪，就会调用此特定代码行。

当我放置预定义值时，例如

$("[littleBox]").load("ajax.php?eid=1");

它按预期工作。不幸的是，我需要它根据该元素的属性加载特定内容。知道如何使这项工作吗？

Answer 1

this 不会在该上下文中引用$("[littleBox]")，您必须重复选择器 - 或者选择该元素并重新使用它：

var $box = $("[littleBox]");
$box.load("ajax.php?eid=" + $box.attr("littlebox"));

Answer 2

发布包含attr“little box”的html。 就像

<a attr="little box" id="test">test<a/>

然后就像

一样

$('#test').click(function(){  
  alert($(this).attr('little box'));
});

Answer 3

使用正确的this：

循环显示所有项目

$("[littleBox]").each(function() {
    var $this = $(this)
    $this.load("ajax.php?eid="+ $this.attr("littlebox"));
});