Defiant Example

HTML

<script src="http://defiantjs.com/defiant.js/dist/defiant-latest.min.js"></script>
<h2>All Id's</h2>
<div id="all_ids"></div>
<br/><br/>

<h2>Id "394   w" - Title:</h2>
<div id="title"></div>

JavaScript

var data = [
      {
         "attr": {
            "id": "87"
         },
         "data": {
            "title": "Bevel Clusters-Over 350 Designs",
            "attr": {
               "href": "#",
               "rel": "658"
            }
         },
         "state": "closed"
      },
      {
         "attr": {
            "id": "394"
         },
         "data": {
            "title": "Bevels, Straight Lines-Over 210 Shapes & Sizes",
            "attr": {
               "href": "#",
               "rel": "321"
            }
         },
         "state": "closed"
      }
   ],
   res = JSON.search( data, '//id' ),
   res2 = JSON.search( data, '//*[id=394]/../data' ),
   str = '';

for (var i=0; i<res.length; i++) {
   str += res[i] +'<br/>';
}

document.getElementById('all_ids').innerHTML = str;
document.getElementById('title').innerHTML = res2[0].title;