jQuery एनएच-बच्चे चयनकर्ता

Question

jQuery के साथ एक छोटा भ्रमित मुद्दा और तालिका में एक कॉलम चुनना/स्टाइल करना।

निम्नलिखित कोड काम करता है: सिंटैक्स त्रुटि, गैर मान्यता प्राप्त अभिव्यक्ति:

$(function() { 
     $("table").delegate('th.selcol','click', function(e) { 
     var iCol = $(this).parent().children().index(this)+1; 
     $("table tr td:nth-child(10)").each(function() { 
      $(this).toggleClass("colhighlight"); 
     }); 
     }); 
    }); 

लेकिन इस कोड, n वें वाले बच्चे (iCol) को वें वाले बच्चे (10) बदलने में कोई त्रुटि "न आया हुआ अपवाद पैदा करता है: nth-child "

$(function() { 
     $("table").delegate('th.selcol','click', function(e) { 
     var iCol = $(this).parent().children().index(this)+1; 
     $("table tr td:nth-child(iCol)").each(function() { 
      $(this).toggleClass("colhighlight"); 
     }); 
     }); 
    }); 

किसी भी मदद की सराहना की जाएगी।

Answer 1

 $("table tr td:nth-child(" + iCol + ")").each(function() { 
     $(this).toggleClass("colhighlight"); 
    }); 

वें वाले बच्चे, एक पूर्णांक, न कोई स्ट्रिंग की उम्मीद है ताकि आप अपनी समस्या को हल करने के लिए संयोजन का उपयोग कर सकते हैं।

Answer 2

इस प्रयास करें:

"table tr td:nth-child("+iCol+")" 

Answer 3

बदलें यह इस में:

$(function() { 
    $("table").delegate('th.selcol','click', function(e) { 
     var iCol = $(this).parent().children().index(this)+1; 
     $("table tr td:nth-child(" + iCol + ")").each(function() { 
     $(this).toggleClass("colhighlight"); 
     }); 
    }); 
    }); 

Answer 4

इस प्रयास करें:

$(function() { 
     $("table").delegate('th.selcol','click', function(e) { 
     var iCol = $(this).parent().children().index(this)+1; 
     $("table tr td:nth-child("+iCol+")").each(function() { 
      $(this).toggleClass("colhighlight"); 
     }); 
     }); 
    }); 

आशा है कि यह काम करता है :)