Добавление содержимого к каждому другому div

Question

Это просто, но я застрял и вам нужен свежий ум.

Что я хочу достичь, это добавить содержимое с помощью jQuery в div. Но в другой div каждый раз, например:

У меня есть js, что он добавляет каждые 30 секунд содержимого. HTML как это:

<div class="wrapper"> 
    <div class="a"></div> 
    <div class="b"></div> 
</div> 

Так каждый раз, когда я хотел бы, чтобы добавить Div б и каждый другой раз в Див а.

Извините за неправильное объяснение.

Answer 1

Вот FIDDLE

setInterval(addDiv, 10000); 
var aOrB = "a"; 

function addDiv() { 
    $('#wrapper').append("<div class=" + aOrB + ">This is div with class " + aOrB + "</div>"); 
    if (aOrB === "a") aOrB = "b"; 
    else aOrB = "a"; 
} 

Answer 2

Попробуйте

var $wrapper = $('.wrapper'); 
var container1 = $('.wrapper .a'); 
var container2 = $('.wrapper .b'); 

setInterval(function(){ 

    var content = 'Hello, world!'; 

    var container = $wrapper.data('nextContainer'); 

    if(container == null) 
     container = container1; 

    container.append(content); 

    $wrapper.data('nextContainer', container == container1 ? container2 : container1); 


}, 30 * 1000); 

Answer 3

Вы можете использовать setInterval и appendTo функции для достижения этой цели. Вот JSFiddle. Проверьте это. Если у вас есть array с фиксированными значениями, вы можете использовать его следующим образом: item в качестве class новых div. Вот для него JSFiddle.

Answer 4

Pure JS версия, что цикл думал все дивы в обертке и добавить к его содержимому. Если вы когда-либо хотели иметь больше этих div.

var divToAddTo = getElementById('warper').getElementsByTagName('div'); 
setInterval(function(){ 
    divToAddTo[i].innerHTML+="your content"; 
    i++; 
    if(i=>divToAddTo.lenght){ 
     i=0; 
    } 
},30000);