Parsing HTML with Javascript / jQuery or PHP

Question

<table>
 <tbody>
  <tr>
   <td>
    <span class="big">Fruits</span>
   </td>
  </tr>
  <tr>
   <td>
    <span class="small">Apple</span>
   </td>
  </tr>
  <tr>
   <td>
    <span class="small">Apricot</span>
   </td>
  </tr>
  <tr>
   <td>
    <span class="small">Carrot</span>
   </td>
  </tr>
  <tr>
   <td>
    <span class="big">Colors</span>
   </td>
  <tr>
   <td>
    <span class="small">Red</span>
   </td>
  </tr>
  <tr>
   <td>
    <span class="small">Blue</span>
   </td>
  </tr>
 </tbody>
</table>

I have more than 10k tables like this, and need to parse them like

Fruits: Apple Apricot Carrot
Colors: Red Blue

Categories have different class names and objects have different class names, but they are all in the same table.

And the question is?

Wtower
– Wtower

2016-08-07 06:07:16 +00:00
Commented Aug 7, 2016 at 6:07 — Wtower
– Wtower, Commented Aug 7, 2016 at 6:07

Blue · Accepted Answer · 2016-08-07 06:05:29Z

Here's my implementation:

var items = {};
var lastItem = null;

$('.big, .small').each(function() {
  var content = $(this).text();
  var cls = $(this).attr('class');

  if ( cls == 'big' )
  {
    lastItem = content;
    items[lastItem] = [];
    return;
  }

  items[lastItem].push(content);
});

console.log(items);

var items = {};
var lastItem = null;

$('.big, .small').each(function() {
  var content = $(this).text();
  var cls = $(this).attr('class');
  
  if ( cls == 'big' )
  {
    lastItem = content;
    items[lastItem] = [];
    return;
  }
  
  items[lastItem].push(content);
});

console.log(items);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
 <tbody>
  <tr>
   <td>
    <span class="big">Fruits</span>
   </td>
  </tr>
  <tr>
   <td>
    <span class="small">Apple</span>
   </td>
  </tr>
  <tr>
   <td>
    <span class="small">Apricot</span>
   </td>
  </tr>
  <tr>
   <td>
    <span class="small">Carrot</span>
   </td>
  </tr>
  <tr>
   <td>
    <span class="big">Colors</span>
   </td>
  <tr>
   <td>
    <span class="small">Red</span>
   </td>
  </tr>
  <tr>
   <td>
    <span class="small">Blue</span>
   </td>
  </tr>
 </tbody>
</table>

Collectives™ on Stack Overflow

Parsing HTML with Javascript / jQuery or PHP

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related