第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全，請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題，去搜搜看，總會(huì)有你想問(wèn)的

逆表搜索。。

逆表搜索。。

寶慕林4294392 2023-10-14 17:02:30
我有一個(gè)表搜索，但我想進(jìn)行反向搜索。<input type="checkbox" checked>在我的 jQuery 代碼中，當(dāng) a為 false時(shí)，如何交換 .hide() -> .show() 和 .show() -> .hide() 。當(dāng)選中復(fù)選框時(shí)，撤消所有內(nèi)容。<input type="text" placeholder="Search..." id="search_field"><input type="checkbox" checked><table id="myTable" border="1">    <thead>        <tr class="myHead">            <th>XDFFD</th>            <th>DFDDY</th>        </tr>    </thead>    <tbody>        <tr>            <td>1</td>            <td>2</td>        </tr>        <tr>            <td>3</td>            <td>4</td>        </tr>        <tr>            <td>5</td>            <td>6</td>        </tr>    </tbody></table>    $('#search_field').on('keyup', function() {        var value = $(this).val();        var patt = new RegExp(value, "i");        $('#myTable').find('tr').each(function() {            if (!($(this).find('td').text().search(patt) >= 0)) {                $(this).not('.myHead').hide();            }            if (($(this).find('td').text().search(patt) >= 0)) {                $(this).show();            }        });    });
查看完整描述

2 回答

?
湖上湖

TA貢獻(xiàn)2003條經(jīng)驗(yàn) 獲得超2個(gè)贊

您檢查復(fù)選框是否checked使用is(":checked")這將給出 true 或 false，因此取決于此顯示或隱藏 trs。


演示代碼：


$('#search_field').on('keyup', function() {

  var value = $(this).val();

  var patt = new RegExp(value, "i");

  var checks = $(".checkbox").is(":checked"); //check if checkbox is checked

  console.log(checks)

  if (value != "") {

    $('#myTable tbody').find('tr').each(function() {

      var condition = $(this).find('td').text().search(patt) >= 0

      //checked

      if (checks) {

        //show and hide..

        condition ? $(this).show() : $(this).hide()

      } else {

        condition ? $(this).hide() : $(this).show()

      }

    });

  } else {

    $('#myTable tbody > tr').show()

  }

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<input type="text" placeholder="Search..." id="search_field">

<input type="checkbox" class="checkbox" checked>

<table id="myTable" border="1">

  <thead>

    <tr class="myHead">

      <th>XDFFD</th>

      <th>DFDDY</th>

    </tr>

  </thead>

  <tbody>

    <tr>

      <td>1</td>

      <td>2</td>

    </tr>

    <tr>

      <td>3</td>

      <td>4</td>

    </tr>

    <tr>

      <td>5</td>

      <td>6</td>

    </tr>

  </tbody>

</table>


查看完整回答
反對(duì) 回復(fù) 2023-10-14
?
倚天杖

TA貢獻(xiàn)1828條經(jīng)驗(yàn) 獲得超3個(gè)贊

這是一個(gè)替代版本，使用一個(gè)小的 jQuery 擴(kuò)展來(lái)使:contains()大小寫(xiě)不敏感：


// jQuery extension from https://css-tricks.com/snippets/jquery/make-jquery-contains-case-insensitive/

$.expr[":"].contains = $.expr.createPseudo(function(arg) {

 return function( elem ) {return $(elem).text().toUpperCase().indexOf(arg.toUpperCase()) >= 0; };

});


$('input').on('input', function() {

  $('#myTable tbody tr').each((i,tr)=>$(tr).toggle

    ( $('td:contains('+$('#search_field').val()+')',tr).length>0 === $(".checkbox").is(":checked") )

  )

}).first().focus();

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<input type="text" placeholder="Search..." id="search_field">

<input type="checkbox" class="checkbox" checked>

<table id="myTable" border="1">

  <thead>

    <tr class="myHead">

      <th>XDFFD</th>

      <th>DFDDY</th>

    </tr>

  </thead>

  <tbody>

    <tr>

      <td>1 one</td>

      <td>2 two</td>

    </tr>

    <tr>

      <td>3 Three</td>

      <td>4 Four</td>

    </tr>

    <tr>

      <td>5 FIVE</td>

      <td>6 SIX</td>

    </tr>

  </tbody>

</table>

兩個(gè)布爾值的比較===實(shí)際上類(lèi)似于兩個(gè)表達(dá)式之間的異或條件。結(jié)果將是true如果兩個(gè) 或都不存在表達(dá)式

$('td:contains('+$('#search_field').val()+')',tr).length>0

和

$(".checkbox").is(":checked")

是true。并且這將直接在方法中使用來(lái).toggle()顯示或隱藏當(dāng)前的<tr>.


查看完整回答
反對(duì) 回復(fù) 2023-10-14
  • 2 回答
  • 0 關(guān)注
  • 126 瀏覽
慕課專(zhuān)欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢(xún)優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

 公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)