值分配給一個DIV，所以我可以跟蹤它

-3

$('#event_list_main').append('<img class="listed_event" id="random_event" src="final_tutorial_buttons/random.png" height="50" width="50" onclick="one_band_event_action();" />');

所以每個這種執行時，圖像接下來彈出的前一一個等等！問題是我想跟蹤這些！

我來到這個防空火炮

http://www.webdeveloper.com/forum/showthread.php?t=147935

，但我不知道如何實現它。

$('#event_list_main').append('<img class="listed_event" id="random_event <INSERT REFERENCE>" src="final_tutorial_buttons/random.png" height="50" width="50" onclick="one_band_event_action();" />');

，但我怎麼可以通過它：我想的是另一件事，在「追加（）」像這樣通過一個參考號碼（類似一個計數器）？有逃生符號嗎？

來源

2012-03-05 Test Test

請定義「跟蹤這些」。 F.ex如果你想知道append方法執行了多少次，只需在執行後每次增加一個計數器。 – David 2012-03-05 13:51:40

顯示更多他們如何被添加，如果有一個循環涉及使索引易於添加 – charlietfl 2012-03-05 14:01:39

如果通過「跟蹤這些的」意味着你希望能夠經過多次追加找到特定的圖像，你可以使用HTML5數據屬性，f.ex：

var i = 0; 
$('#event_list_main').append('<img data-count="'+(i++)+'">');

然後訪問一個單一的形象，如：

$('#event_list_main').find('img').filter(function() { 
    return $(this).data('count') == 1; 
});

甚至更好：將它們保存在一個數組：

var images = []; 

// inside the loop: 

images.push(
    $('<img>', { 
     'src': 'image.jpg', 
     'class': 'listed_event' // etc 
    }).appendTo('#event_list_main') 
);

則j通過images陣列訪問它：

images[2]; // the third image

來源

2012-03-05 13:56:13 David

這是更想要我想要做的。例如，我可以有3個「random_events」，這是相同的顏色，但我想刪除或訪問第三個！我知道這聽起來有點奇怪 – 2012-03-05 14:00:02

我沒有得到語法// data-count =「'+（i ++）+'」>'// //。我已經有一個稱爲計數器的變量。那麼// data-count =「'counter'」>'工作？或者將其註冊爲字符串「counter」？ – 2012-03-05 14:38:46

您需要將其作爲變量添加：'data-count =''+ counter +'「' – David 2012-03-05 14:49:26

既然你的新<img>標籤都有一個idattribute that starts withrandom_event，你不需要分開跟蹤他們。你可以只使用選擇，讓他們隨時回來：

$('#event_list_main').find('img[id^="random_event"]');

上述選擇器可用於找出如果你需要，你有多少增加，並與.each()遍歷它們用於任何其他您可能需要的操作。

來源

2012-03-05 13:52:17

值分配給一個DIV，所以我可以跟蹤它

回答

相關問題