javascript - 如何在没有回调的情况下获取有关元素的信息

Question

我有不同的容器，它们会在不同的事件上重新加载。我有很多容器，所以我给每个容器指定了类 load。

这就是它们的样子:

<div class="load" data-href="facebook">
</div>

我还有一个函数，由各种操作触发:

function get_timing(time)
{
   $(".load").load("myfolder/mod_"+$(this).attr("data-href")+".php?action="+time, function() { 
       alert('Here I could use this:' + $(this).attr("data-href"));
   }
}

我知道我不能在上面的例子中使用this，我只能在回调中使用它。我的问题是:如何使用对象的属性来定义加载函数的路径。

它是这样工作的:

function get_timing(time)
{
   $(".load").fadeIn(10, function()
       {
           $(this).load("myfolder/mod_"+$(this).attr("data-href")+".php?action="+time, function() { 
           alert('loaded');
       }
   }
}

有没有办法在没有异步函数(在本例中 .fadIn)的情况下做到这一点

希望我能解释我的问题 - 提前谢谢您!

Answer 1

如果您想使用类，您可以通过索引引用它们:

var element = $(".load").get(0);
console.log($(element).attr("data-href"));

请注意，您必须通过 $(element) 重新 jQueryfy element 才能访问 attr()

如果你想读出给定类的所有元素，我建议 $.each()

//$.each($(".load"), function(index, value){
$(".load").each(function(index, value){
    console.log( $(value).attr("data-href"));   
});