Merge pull request #12 from smita786/master

allow to specify particular elements within <td> to limit search to

Author: gregwebs

jquery.uitablefilter.js

@@ -3,7 +3,7 @@
  * Dual licensed under the MIT and GPLv2 licenses just as jQuery is:
  * http://jquery.org/license
  *
- * Multi-columns fork by natinusala 
+ * Multi-columns fork by natinusala
  *
  * documentation at http://gregweber.info/projects/uitablefilter
  *                  https://github.com/natinusala/jquery-uitablefilter
@@ -19,9 +19,13 @@
  *   optional arguments:
  *     array of columns to limit search too (the column title in the table header)
  *     ifHidden - callback to execute if one or more elements was hidden
+ *     tdElem - specific element within <td> to be considered for searching or to limit search to,
+ *     default:whole <td>. useful if <td> has more than one elements inside but want to 
+ *     limit search within only some of elements or only visible elements. eg tdElem can be "td span"
  */
 (function($) {
-  $.uiTableFilter = function(jq, phrase, column, ifHidden){
+  $.uiTableFilter = function(jq, phrase, column, ifHidden, tdElem){
+    if(!tdElem) tdElem = "td";
     var new_hidden = false;
     if( this.last_phrase === phrase ) return false;
 
@@ -33,34 +37,34 @@
     var noMatch = function(elem) { elem.hide(); new_hidden = true }
     var getText = function(elem) { return elem.text() }
 
-    if( column ) 
+    if( column )
     {
       if (!$.isArray(column))
       {
         column = new Array(column);
       }
-	  
-      var index = new Array(); 
-      
-      jq.find("thead > tr:last > th").each(function(i) 
+
+      var index = new Array();
+
+      jq.find("thead > tr:last > th").each(function(i)
       {
           for (var j = 0; j < column.length; j++)
-          {     
+          {
               if ($.trim($(this).text()) == column[j])
               {
                   index[j] = i;
                   break;
-              }           
+              }
           }
 
       });
-         
+
       getText = function(elem) {
           var selector = "";
           for (var i = 0; i < index.length; i++)
           {
               if (i != 0) {selector += ",";}
-              selector += "td:eq(" + index[i] + ")";
+              selector += tdElem + ":eq(" + index[i] + ")";
           }
           return $(elem.find((selector))).text();
       }
@@ -110,4 +114,4 @@
     }
     return true;
   }
-}) (jQuery);
+}) (jQuery);