Проблема с загрузкой 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

опубликуйте html, который в нем записан как «коробочка».это как

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

тогда это работает как

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

Answer 2

Переберите все элементы с правильными значениями this:

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

Answer 3

this не будет ссылаться на $("[littleBox]") в этом контексте, вам придется повторить селектор - или выбрать элемент уже и использовать его повторно:

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