हैलो मुझे टेबल फ़िल्टर में कोई समस्या है, वे काम करते हैं, लेकिन जब मैं उदाहरण के लिए जॉन टाइप करता हूं और 3 जॉन्स होते हैं तो मुझे टेबल के बीच कुछ खाली जगह मिलती है। मुझे लगता है कि ऐसा इसलिए है क्योंकि मैं अपनी जानकारी को ठीक से प्रदर्शित करने के लिए foreach का उपयोग नहीं कर रहा हूं। क्या यह भी संभव है कि यदि आप थीटा के नाम से लिखते हैं तो आपको उसके अंतर्गत सभी सूचनाओं की जानकारी प्राप्त होती है?

$(document).ready(function(){
  $("#myInput").on("keyup", function() {
    var value = $(this).val().toLowerCase();
    $("#myTable tr").filter(function() {
      $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
    });
  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="row">
	
        <div class="container-bg"></div>


            <div class="col-lg-6 col-md-12">
				<div id="content" class="content-padding">
                    <div class="content">
					<input class="form-control" id="myInput" type="text" placeholder="Meklēt..">

							<table id="myTable" class="table table-sm table-bordered table-hover">
							<thead class="bg-primary">
    <tr>
      <th colspan="6">Title</th>
    </tr>
  </thead>
  <tbody id="myTable">

								<tr>
									<td class="p-sm-3">CEO</td>
									<td class="p-sm-2">John Johnson</td>
									<td class="p-sm-1">test</td>
									<td class="p-sm-1">test 1</td>
									<td class="p-sm-1">test 2</td>
									<td class="p-sm-1">test 3</td>
								</tr>
	</tbody>
  
  							<thead class="bg-primary">
    <tr>
      <th colspan="6">Title 2</th>
    </tr>
  </thead>
  <tbody id="myTable">

								<tr>
									<td class="p-sm-3">CEO</td>
									<td class="p-sm-2">Greg Buchanek</td>
									<td class="p-sm-1">test</td>
									<td class="p-sm-1">test 1</td>
									<td class="p-sm-1">test 2</td>
									<td class="p-sm-1">test 3</td>
								</tr>
	</tbody>
  
  							<thead class="bg-primary">
    <tr>
      <th colspan="6">Title 3</th>
    </tr>
  </thead>
  <tbody id="myTable">

								<tr>
									<td class="p-sm-3">CEO</td>
									<td class="p-sm-2">Kavin JP Morgan</td>
									<td class="p-sm-1">test</td>
									<td class="p-sm-1">test 1</td>
									<td class="p-sm-1">test 2</td>
									<td class="p-sm-1">test 3</td>
								</tr>
                	<tr>
									<td class="p-sm-3">CEO</td>
									<td class="p-sm-2">Esmeralda Dupond</td>
									<td class="p-sm-1">test</td>
									<td class="p-sm-1">test 1</td>
									<td class="p-sm-1">test 2</td>
									<td class="p-sm-1">test 3</td>
								</tr>
                	<tr>
									<td class="p-sm-3">CEO</td>
									<td class="p-sm-2">Andrew JoShnson</td>
									<td class="p-sm-1">test</td>
									<td class="p-sm-1">test 1</td>
									<td class="p-sm-1">test 2</td>
									<td class="p-sm-1">test 3</td>
								</tr>
	</tbody>
</table>	

                    </div>
                </div>
            </div>
	<?php get_sidebar('right'); ?>	
    </div>

PHP foreach लूप के साथ मेरा कोड:

<div class="row">

            <div class="container-bg"></div>

                <?php get_sidebar(); ?>
                <div class="col-lg-6 col-md-12">
                    <div id="content" class="content-padding">
                        <div class="content">
                        <input class="form-control" id="myInput" type="text" placeholder="Meklēt..">

                                <?php foreach ($division as $obj_1) { ?>
                                <table id="myTable" class="table table-sm table-bordered table-hover">
                                <thead class="bg-primary">
        <tr>
          <th colspan="6"><?php echo $obj_1->title ?></th>
        </tr>
      </thead>
      <tbody id="myTable">
      <?php foreach ($result as $obj) { ?>
                                <?php if( $obj_1->id ==  $obj->division) {?>
                                    <tr>
                                        <td class="p-sm-3"><?php echo $obj->position ?></td>
                                        <td class="p-sm-2"><?php echo $obj->first_name." ".$obj->surname ?></td>
                                        <td class="p-sm-1"><?php echo $obj->phone ?></td>
                                        <td class="p-sm-1"><?php echo $obj->mobile ?></td>
                                        <td class="p-sm-1"><?php echo $obj->email ?></td>
                                        <td class="p-sm-1"><?php echo $obj->location ?></td>
                                    </tr>
                                <?php }?>
        <?php }?>
        </tbody>
    </table>    
            <?php }?>
                        </div>
                    </div>
                </div>
        <?php get_sidebar('right'); ?>  
        </div>

यह मेरी वेबसाइट पर फ़ोरैच लूप्स के साथ कैसा दिखता है

2
Mārcis 12 नवम्बर 2019, 14:02

1 उत्तर

कृपया इस कोड को आजमाएं यह ठीक से काम करता है।

$(document).ready(function(){
  $("#myInput").on("keyup", function() {
    var value = $(this).val().toLowerCase();
    $("#myTable tbody tr").filter(function() {
      $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
    });
  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="row">
	
        <div class="container-bg"></div>


            <div class="col-lg-6 col-md-12">
				<div id="content" class="content-padding">
                    <div class="content">
					<input class="form-control" id="myInput" type="text" placeholder="Meklēt..">

							<table id="myTable" class="table table-sm table-bordered table-hover">
							<thead class="bg-primary">
    <tr>
      <th colspan="6">Title 1</th>
    </tr>
  </thead>
  <tbody id="myTable">

								<tr>
									<td class="p-sm-3">CEO</td>
									<td class="p-sm-2">John Johnson</td>
									<td class="p-sm-1">test</td>
									<td class="p-sm-1">test 1</td>
									<td class="p-sm-1">test 2</td>
									<td class="p-sm-1">test a</td>
								</tr>
	</tbody>
  
  							<thead class="bg-primary">
    <tr>
      <th colspan="6">Title 2</th>
    </tr>
  </thead>
  <tbody id="myTable">

								<tr>
									<td class="p-sm-3">CEO</td>
									<td class="p-sm-2">Greg Buchanek</td>
									<td class="p-sm-1">test</td>
									<td class="p-sm-1">test 1</td>
									<td class="p-sm-1">test 2</td>
									<td class="p-sm-1">test a</td>
								</tr>
	</tbody>
  
  							<thead class="bg-primary">
    <tr>
      <th colspan="6">Title 3</th>
    </tr>
  </thead>
  <tbody id="myTable">

								<tr>
									<td class="p-sm-3">CEO</td>
									<td class="p-sm-2">Kavin JP Morgan</td>
									<td class="p-sm-1">test</td>
									<td class="p-sm-1">test 1</td>
									<td class="p-sm-1">test 2</td>
									<td class="p-sm-1">test 3</td>
								</tr>
                	<tr>
									<td class="p-sm-3">CEO</td>
									<td class="p-sm-2">Esmeralda Dupond</td>
									<td class="p-sm-1">test</td>
									<td class="p-sm-1">test 1</td>
									<td class="p-sm-1">test 2</td>
									<td class="p-sm-1">test 3</td>
								</tr>
                	<tr>
									<td class="p-sm-3">CEO</td>
									<td class="p-sm-2">Andrew JoShnson</td>
									<td class="p-sm-1">test</td>
									<td class="p-sm-1">test 1</td>
									<td class="p-sm-1">test 2</td>
									<td class="p-sm-1">test a</td>
								</tr>
	</tbody>
</table>	

                    </div>
                </div>
            </div>
	<?php get_sidebar('right'); ?>	
    </div>

टिप्पणी :- उपरोक्त कोड में तीन अलग-अलग शीर्षक 1-2-3 दें। यदि आप परीक्षण खोजते हैं तो आउटपुट को अलग-अलग विज्ञापन मिलान मान दें।

मुझे उम्मीद है कि उपरोक्त कोड आपके लिए उपयोगी होगा।

धन्यवाद।

0
Makwana Prahlad 14 नवम्बर 2019, 13:36
रीप्ले के लिए धन्यवाद। लेकिन आपका कोड वास्तव में मेरे से अलग कैसे है? यह सब समान है और क्षमा करें लेकिन यह मेरी समस्याओं को ठीक नहीं करता है।
 – 
Mārcis
14 नवम्बर 2019, 12:06
मुझे समझ नहीं आ रहा है कि आप अपनी टेबल में क्या चाहते हैं। कृपया फिर से समझाएं।
 – 
Makwana Prahlad
14 नवम्बर 2019, 12:35
हाँ, मेरी समस्या यह थी कि मैं जो करने की कोशिश कर रहा हूं, मैंने उसे अच्छा नहीं बताया। सबसे पहले मैं यह बनाना चाहता था कि जब मैं उदाहरण के लिए जॉन को खोज बॉक्स में लिखता हूं तो यह मुझे जॉन की जानकारी और थैड के साथ तालिका दिखाता है, लेकिन मेरी तालिका में मेरे पास 20 अलग-अलग थैड हैं, इसलिए यह हमेशा सभी थैड दिखाएगा न केवल मुझे चाहिए .
 – 
Mārcis
14 नवम्बर 2019, 12:50
हाँ और यही वह समस्या है जिसके बारे में मैं बात कर रहा हूँ, आप देख सकते हैं कि यह सभी thead तत्वों को दिखाता है न कि वह जो आपने खोजा था।
 – 
Mārcis
14 नवम्बर 2019, 13:48