Currently, I am working on a script that utilizes Yahoo's YQL within a web application. This script is designed to scan through a text paragraph, identify references, and display them as popups within the text. Everything works smoothly until I reach the point where I need to iterate through each reference with the class "verso". Upon receiving the response, all the references are appended to the last element of the list.
Below is a simplified version of the JavaScript code:
var url="";
var version = "RVR1960";
var verso = "";
$("div.post-body").find(".verso").each(function(i){
$resultado = null;
verso = $(this).text();
url = "http://query.yahooapis.com/v1/public/yql?" + "q=select%20*%20from%20html%20where%20url%3D%22"+
encodeURIComponent("http://www.biblegateway.com/passage/?search=" + verso +
"&version=" + version) + "%22&format=xml'&callback=?";
$pasaje = $(this);
$.getJSON(url,function(data){
if(data.results[0])
{
$resultado = null;
$resultado = $(data.results[0]).find("div.result-text-style-normal:first");
$resultado.find("h5, div, a").remove();
$("<div class='cita'><span class='left'>“</span>"+
$resultado.html()+
"<p align='right'><b>"+verso+"</b></p>"+
"<span class='right'>”</span></div>").appendTo($pasaje);
}
else
{
$resultado = $("<p>Pasaje no encontrado.</p>");
}
});
});
Here is an example of the HTML structure used:
<div class="post-body"><b class="verso">John 3:16</b><b class="verso">Matthew 11:28</b><b class="verso">John 1:1</b></div>
I would greatly appreciate any assistance or suggestions provided.