jquery prev class acces

Toggle class name on click in jQuery

by ribosed

HTML

<div id="json"></div>

<p class="wyq060---group"><a name="str_1"></a>#1 GROUP</p>
<p class="wyq060---group">PRIMARY ARTICLES</p>
<p class="article">Article 1 ID</p>
<p class="articlename">Article 1 name</p>
<p class="normal">(1) content Article 1.1.</p>
<p class="normal">(2) content Article 1.2.</p>
<p class="normal">(3) content Article 1.3.</p>

<p class="article">Article 2 ID</p>
<p class="articlename">Article 2 name</p>
<p class="normal">a) content Article 2.1.</p>
<p class="normal">b) content Article 2.2.</p>
<p class="normal">c) content Article 2.3.</p>

<p class="wyq060---group">2# GROUP</p>
<p class="wyq060---group">SECONDARY ARTICLES</p>
<p class="article">Article 3 ID</p>
<p class="articlename">Article 3 name</p>
<p class="normal">(1) content Article 3.1.</p>
<p class="normal">(2) content Article 3.2.</p>
<p class="normal">(3) content Article 3.3.</p>

<p class="article">Article 4 ID</p>
<p class="articlename">Article 4 group</p>
<p class="normal">(1) content Article 4.1.</p>
<p class="normal">(2) content Article 4.2</p>
<p class="normal">(3) content Article 4.3</p>

CSS

body {
  background: white;
  padding: 20px;
  font-family: Helvetica;
  font-size:13px;
}

JavaScript

$(document).ready(function() {   
   
// $("[class$='pododeljak']").each(function() {
 
 $("p.article").each(function() {
        
        var grouptittle = $(this).prev("[class$='group']").text()
        var groupid = $(this).prev("[class$='group']").prev().text()
        var articleid = $(this).text();
        var articlename = $(this).next(".articlename").text();
        var article = $(this).nextUntil("p.article", "p.normal")
 
   $(article).each(function(index, element) {
       var articlecontent = $(this).text()
       
            $("#json").append('{"articleid" : "' + articleid + '", "articlename" : "' + articlename + '", "articlecontent" : "' + articlecontent + '", "groupid" : "' + groupid + '", "gropupname" : "' + grouptittle + '"},<br><br>');
        });

 }); //clan
// }); //glava
 }); //ready