jQuery - विशिष्ट टेक्स्ट युक्त तालिका कक्ष युक्त टेबल पंक्ति खोजें

Question

मुझे tr तत्व प्राप्त करने की आवश्यकता है जिसमें td तत्व शामिल है जिसमें विशिष्ट टेक्स्ट होता है। td में वह टेक्स्ट और केवल वह टेक्स्ट होगा (इसलिए मुझे text = 'foo'text contains 'foo' तर्क नहीं चाहिए)।

var tableRow = $(table td[text = 'foo']).parent('tr'); 

किसी को भी सही सिंटैक्स प्रदान कर सकते हैं:

तो मैं निम्नलिखित 'छद्म jQuery' के बराबर की ज़रूरत है?

Answer 1

वैसा करने के लिए filter() उपयोग कर सकते हैं:

var tableRow = $("td").filter(function() { 
    return $(this).text() == "foo"; 
}).closest("tr"); 

Answer 2

$(function(){ 
    var search = 'foo'; 
    $("table tr td").filter(function() { 
     return $(this).text() == search; 
    }).parent('tr').css('color','red'); 
}); 

पंक्तियों जो एक सेल जिसका पाठ 'foo' है के लिए पाठ लाल हो जाएगा।

Answer 3

मुझे पता है कि यह एक पुरानी पोस्ट है, लेकिन मैंने सोचा कि मैं एक तालिका में स्ट्रिंग की खोज करने के लिए एक विकल्प [मजबूत, लेकिन सरल] दृष्टिकोण साझा नहीं कर सकता।

$("tr:contains(needle)"); // जहां सुई वह पाठ है जिसे आप खोज रहे हैं।

उदाहरण के लिए, यदि आप पाठ 'बॉक्स' के लिए खोज रहे हैं, कि होगा:

$("tr:contains('box')"); 

यह इस पाठ के साथ सभी तत्वों को लौट आते हैं। अतिरिक्त मापदंड इसे नीचे संकीर्ण करने के लिए अगर यह कई तत्वों

Answer 4

सभी टीडी के दशक में यह पाठ प्रत्येक टीआर और दिखाएँ/छिपाएँ टीआर के अंदर खोज करेंगे खोज पाठ के आधार पर

$.each($(".table tbody").find("tr"), function() {        

       if ($(this).text().toLowerCase().replace(/\s+/g, '').indexOf(searchText.replace(/\s+/g, '').toLowerCase()) == -1) 
        $(this).hide(); 
       else 
        $(this).show(); 
}); 

Answer 5

<input type="text" id="text" name="search"> 
<table id="table_data"> 
     <tr class="listR"><td>PHP</td></tr> 
     <tr class="listR"><td>MySql</td></tr> 
     <tr class="listR"><td>AJAX</td></tr> 
     <tr class="listR"><td>jQuery</td></tr> 
     <tr class="listR"><td>JavaScript</td></tr> 
     <tr class="listR"><td>HTML</td></tr> 
     <tr class="listR"><td>CSS</td></tr> 
     <tr class="listR"><td>CSS3</td></tr> 
</table> 

$("#textbox").on('keyup',function(){ 
     var f = $(this).val(); 
     $("#table_data tr.listR").each(function(){ 
      if ($(this).text().search(new RegExp(f, "i")) < 0) { 
       $(this).fadeOut(); 
      } else { 
       $(this).show(); 
      } 
     }); 
    }); 

Demo रिटर्न इस्तेमाल किया जा सकता आप RegExp मिलान पाठ