Dubbio su JQuery

[shaun87]

Non sò se è il posto giusto questo...Ho un problema io ho una struttura del genere:
<div id="figure_1" class="picture">
<p class="img_block">
<img src="#cur_data" class="horizontal_bar_chart" alt="Let's graph it!"></img>
</p>
<p class="caption">Caption of the figure.</p>
</div>

ripetute 6 volte ognuna cambia il nome della classe del tag <img>
Quello che devo fare è sostituire il tag <p> con class=img_block con un diagramma diverso per ogni attributo class dell'immagine....

Questo è il codice per la sostituzione

$('.img_block').each(function(){
		$(this).convertToGraph();
	});

Questo quello di convertToGraph()

var src = $(this).find("img").attr("src");
		switch($(this).find("img").attr("class")){
			case "horizontal_bar_chart":
			$(this).replaceWith('<div id="d3div"></div>');
				barHorChart(src);				
			break;
			case "vertical_bar_chart":
				$(this).replaceWith('<div id="d3div2"></div>');
				barVertChart(src);			
			break;
			case "pie_chart":
				$(this).replaceWith('<div id="d3div3"></div>');
				barPieChart(src);
			break;
		}

Il problema è che invece di farmi un grafico per ogni div me ne fà 2 per i i primi 3 div e negli ultimi 3 lascia le cose originarie....sbaglio qualcosa io?