DOM Manipulation

The following sample demonstrates a custom plug-in that can be used to query the DOM and perform updates on DOM elements.

Sample

//Create a jinqJs plug-in for DOM manipulation
//args indexes: 0 = Property, 1 = Old Value, 2 = New Value        
jinqJs.addPlugin('updateDOM', function(result, args, store){
  'use strict';

  new jinqJs()
    .from(result)
    .update( function(coll, index) {coll[index][args[0]] = args[2];})
    .at(args[0] + ' == ' + args[1]);
});

//Get all the label HTML tags 
var labels = document.getElementsByTagName('label');
var lblArray = [];

$.each(labels, function(key,value) {    
  lblArray.push(value);
});

//Update all the label tags that innerText = Tom and change it to Thomas
new jinqJs().from(lblArray).updateDOM('innerText', 'Tom', 'Thomas');

See a working example