Fairy-Wilbury,
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
$(function()
{
$('.saveContent').click(function(event){
event.preventDefault();
var paragraphs = {}, content, i = 0, s;
$('.editable p').each(function(){
content={};
var type=$(this).attr('class');
var text=$(this).html();
content[type]=text;
paragraphs[i]=content;
i++;
})
paragraphs.count = i ;
for (i=0;i<paragraphs.count;i++){
content = paragraphs[i];
for(s in content){
alert ("p" + i + " " + s + " : " + content[s]);
}
}
});
}
)
</script>
</head>
<body>
<p class="saveContent"><a href='#'>save</a></p>
<div class='editable'><p class='Heading'>Some text0</p><p class='Character'>Some text1</p><p class='Heading'>Some text2</p></div>
<div class='editable'><p class='Heading'>Some text3</p><p class='Character'>Some text4</p><p class='Heading'>Some text7</p></div>
</body>
</html>