Найти все элементы с class = "x" и POST на сервере для базы данных INSERT

Question

Учитывая большой текстовый блок из WYSIWYG, как:

Lorem ipsum dolor sit amet, <span class="X" id="12">consectetur adipiscing elit</span>. Donec interdum, neque at posuere scelerisque, justo tortor tempus diam, eu hendrerit libero velit sed magna. Morbi laoreet <span class="X" id="13">tincidunt quam in facilisis.</span> Cras lacinia turpis viverra lacus <span class="X" id="14">egestas elementum. Curabitur sed diam ipsum.</span>

Как я могу использовать JQUERY, чтобы найти следующее:

<span class="X" id="12">consectetur adipiscing elit</span>
<span class="X" id="13">tincidunt quam in facilisis.</span>
<span class="X" id="14">egestas elementum. Curabitur sed diam ipsum.</span>

И отправьте его на сервер следующим образом:

12, consectetur adipiscing
13, tincidunt quam in facilisis.
14, egestas elementum. Curabitur sed diam ipsum.

Таким образом, что ColdFusion может просмотреть результаты и сделать 3 вставки в базу данных?

Answer 1

var postText = "";
$("span.X").each(function() {
     postText += "\n" + $(this).attr("id") + ", " + $(this).text();
});

$.ajax({
   url: "path/to/script",
   type: "POST",
   data: "postText=" + postText,
   success: function(response) {
      // request has finished at this point.
   }
});