एक मेज पर अजीब फिल्टर () व्यवहार

वोट
47

किसी ने मेरे प्रदर्शन को देखो और मुझे बताओ क्यों मेरे सेल हाइलाइट नहीं किया जा रहा है सकते हैं?

$(#tbl td.rank).filter(function () {
    return $(this).text() > 30;
}).addClass('bright');

http://jsfiddle.net/qmftvxyd/6/

जिसका रैंक मैं मूल रूप से सेल हाइलाइट करना चाहते हैं> 30

अपडेट: डेमो लिंक बदल दिया के रूप में वर्ग को गलत तरीके से उल्लेख किया गया था

10/11/2014 को 05:06
उपयोगकर्ता
अन्य भाषाओं में...                            


3 जवाब

वोट
2

आप कुछ गलतियों है:

1) अपने चयनकर्ता गलत है। आप जोड़ सकते हैं tr(वैकल्पिक) और भी वहाँ वर्ग के साथ कोई टीडी है.rank

2) वाले पाठ की तुलना करने के tdलिए आपको सबसे पहले एक नंबर का उपयोग कर कन्वर्ट करने के लिए parseInt

$("#tbl tr td.age").filter(function() {
  return parseInt($(this).text(), 10) > 30;
}).addClass('bright');
.bright {
  color: red !important;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="tbl">
  <thead>
    <tr>
      <th class="id">EmpNo</th>
      <th class="name">First Name</th>
      <th class="rank">Rank</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td class="id">E342</td>
      <td class="name">Bill</td>
      <td class="age">35</td>
    </tr>
    <tr>
      <td class="id">E343</td>
      <td class="name">Laura</td>
      <td class="age">26</td>
    </tr>
  </tbody>
</table>

10/11/2014 को 05:10
का स्रोत उपयोगकर्ता

वोट
0

आप फिल्टर करने के लिए गलत वर्ग का उपयोग कर रहे हैं। आप का उपयोग करना चाहिए td.ageडेमो

 $("#tbl td.rank").filter(function () {
     return parseInt($(this).text(),10) > 30;
  }).addClass('bright');
10/11/2014 को 05:11
का स्रोत उपयोगकर्ता

वोट
1

मैं तुम्हें सिर्फ एक पूर्णांक के लिए जाँच रैंक कन्वर्ट करने के लिए इतना है कि मूल्य की तुलना में किया जा सकता है की जरूरत है लगता है। लाल प्रभाव सूचना के लिए की तरह कुछ और करने के लिए टीडी मिलान का पाठ का रंग बदलने की कोशिश करो। इसे इस्तेमाल करे:

$("#tbl td.rank").filter(function () {
    return parseInt($(this).text()) > 30;
}).addClass('bright');

डेमो

10/11/2014 को 05:30
का स्रोत उपयोगकर्ता

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more