如何在沒有回調的情況下獲取有關元素的信息

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');
       }
   }
}

有沒有辦法在沒有asynchronus函數的情況下執行此操作（在本例中為.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"));   
});

Answer 2

嘗試給你的容器一個id：

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

然后，您可以在javascript中使用$("#facebookcontainer")而不是使用它。