어떻게 숫자 요소를 다양한 대체하기 위해 jQuery를 replaceWith를 사용하는

Question

나는이 같은 클래스 이름을 가진 요소의 다양한 수 :

<p class="test"></p> 
<p class="test"></p> 

내가 같은 클래스 요소의 새로운 세트와 이들 각각을 대체 할 이름,하지만 더 많거나 적은 요소가있을 수 : 나는를 사용하는 경우

<p class="test"></p> 

또는

<p class="test"></p> 
<p class="test"></p> 
<p class="test"></p> 

, 각 요소를 내용으로 대체하므로 그렇게 할 수 없습니다.

이 작업을 수행하는 가장 좋은 방법은 무엇입니까?

EDIT (다른 설명) :

그래서 내가 페이지에서 이러한 요소가 : 그럼

<p class="test"></p> 
<p class="test"></p> 
<p class="test"></p> 

을, 나는 동적으로이 요소의 새로운 세트 (중 다양한 수의)를 검색 같은 클래스 이름 (그리고 어쩌면 다른 클래스 이름들). 예를 들면 다음과 같습니다.

<p class="test classa"></p> 
<p class="test classb"></p> 

위의 예에서 처음 세 개의 요소를 없애기를 원합니다. 그리고 그 자리에 동적으로 검색된 2 개의 <p> 요소가 있어야합니다.

두 세트의 요소 수는 다를 수 있습니다.

은 가정 당신이 당신의 <p>'s 컨테이너로하는

<div id="container"> 
    <p class="test"></p> 
    <p class="test"></p> 
    <p class="test"></p> 
    <p class="test"></p> 
</div> 

당신이 그들을 삭제할 수 있습니다

Answer 1

루프 업데이트 할 수 배열입니다 , 새 요소를 추가하거나 추가하십시오.

$('p.test').remove(); //Will remove all <p>'s with class test 

요소

var data= { 
    '1': '<p class="newclass">Hello</p>', 
    '2': '<p class="newclass2">Hello2</p>' 
    '3': '<p class="newclass3">Hello3</p>' 
    }; //Could have 100 rows, it wouldn't matter 

$.each(data, function(i,val){ 
     //Do some stuff 
     $('#container').append(val); 
    }); 

Answer 2

$ ('p.test')는 당신이 그것을

Answer 3

내가 주변 <div>가 그냥 요소의 새로운 세트마다에 그 사업부를 대체 할 것 데이터 배열에 있습니다. 그래서 :

다음

<div id="surround"> 
    <p class="test"></p> 
    <p class="test"></p> 
    <p class="test"></p> 
</div> 

jQuery를 :

$("#surround").replaceWith('new content');