jQuery: dodawanie html po grupie div

Question

mam coś takiego: ...

<div id="d120" >content</div> 
<div id="d123" >content</div> 
<div id="d112" >content</div> 
<div id="d145" >content</div> 
<div id="d134" >content</div> 
//Insert here hello world 

<div id="bla" >asd</div> 
<div id="footer" >asd</div> 

ktoś wie jak wstawić html po wszystkich div id, które jak d + numer

Answer 1

Jeśli format nie ma nic pomiędzy tymi DIV i #bla jak Twój przykład, tutaj jest bezpieczniejsze podejście używając .before() (od div[id^=d] pasowałby <div id="doodlesticks"> również).

$("#bla").before("<b>Hi There</b>"); 

Aktualizacja: Ponieważ stwierdzono, że jest możliwe, aby dać im lekcje, zrobiłbym to, więc dać zawartość div do class="content" i używać tego jQuery:

$(".content:last").after("<b>Hi There</b>"); 

Answer 2

dodaj kolejny element div z identyfikatorem, a następnie zmień kod HTML tego elementu $ ("# id"). html ("html");

, chyba że złamie układ strony?

Answer 3

Spróbuj tego:

$(function(){ 
    $('div[id^="d"]:last').after('<div>Hello World</div>'); 
}); 

Uwaga: Jak sugeruje Nick Craver, byłoby to znaleziono żadnych div którego id rozpoczyna się d ale myślę, że to, co masz do uciekania się do, jak na swoje znaczniki HTML.

Answer 4

$("div[id^=d]:last").after("some html"); 

czyli

$("some html").insertAfter("div[id^=d]:last"); 

Answer 5

To będzie bezpiecznie testuj dla elementów, których id kończy się liczbą, zamiast dowolnego identyfikatora zaczynającego się na "d".

$('div[id]').filter(function() { 
    return /\d+$/.test($(this).attr('id')); 
}).last().after(...my html...);