다른 요소 뒤에 요소를 추가하려면 어떻게 해야 합니까?

다른 요소 뒤에 요소를 추가하려면 어떻게 해야 합니까?

특정 문자함이 있는데 그 뒤에 디브를 추가하고 싶습니다.해봤습니다..append()function, 그러나 그것은 요소의 div만 추가합니다.

예를 들어 다음과 같은 것이 있습니다.

<input type="text" id="bla" />

그리고 나는 그것을 다음과 같이 바꾸고 싶습니다.

<input type="text" id="bla" /><div id="space"></div>

사용해 보다after()방법:

$('#bla').after('<div id="space"></div>');

문서화

해라

.insertAfter()

여기서

$(content).insertAfter('#bla');

일단은.input요소에 종결 태그가 없어야 합니다(http://www.w3.org/TR/html401/interact/forms.html#edef-INPUT : End tag : infird).

두번째로, 당신은 그것이 필요합니다.append()기능.

해결된 jQuery: 요소 뒤에 요소 추가

<script>
$( "p" ).after( "<strong>Hello</strong>" );
</script>

오어

<script type="text/javascript"> 
jQuery(document).ready(function(){
jQuery ( ".sidebar_cart" ) .insertAfter( "<a href='http://#'>Continue Shopping</a>" );
});
</script>

언급URL : https://stackoverflow.com/questions/2244605/how-can-i-add-an-element-after-another-element