Ask a question

Popular technologies


Latest questions:

119 sql - Reverse the array in php
853 php - Convert long numbers to short and compact
423 php - Codeigniter 4 validation error callback_check_password is not working
524 laravel - How to calculate hour two date difference in php?
124 php - Symfony project shows directory listing index instead of index page
315 php - Test Imagick Image
444 wordpress - I am getting issues with my single Post navigation in single.php with previous_post_link() and next_post_link() is not working with post type "post"
49 PHP bcrypt to PYTHON bycrypt not giving same values
797 php - How to fix error Query array failed: 1064
332 php - What to do with mysqli problems? Errors like mysqli_fetch_array(): Argument #1 must be of type mysqli_result and such
  1. Home
  2. javascript - กรองตารางด้วย JS และมี "ไม่พบผลลัพธ์"
701 votes
1 answers

javascript - กรองตารางด้วย JS และมี "ไม่พบผลลัพธ์"

mangohost Get the solution ↓↓↓

ฉันได้พยายามหาวิธีรวมคำสั่ง if else เข้ากับโค้ดต่อไปนี้เพื่อส่งคืนแถวเพิ่มในตารางคือผลลัพธ์ = 0 พร้อมข้อความที่ระบุว่า "ไม่พบผลลัพธ์"
โค้ดของฉันคือ:< /p>

//Function for searching products
$(document).ready(function(){
    $("#productInput").on("keyup", function() {
        let value = $(this).val().toLowerCase();
        $("#productTable tr").filter(function() {
            $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
        });

    });
});

ไชโย

92
votes

Answer

วิธีแก้ปัญหา:

หลังจากที่คุณสลับแถวที่ตรงกันทั้งหมดแล้ว ให้นับจำนวนแถวที่มองเห็น หากเป็น 0 ให้เพิ่มแถวที่ระบุว่าไม่พบ


filter() ส่งคืนชุดขององค์ประกอบที่ตรงกับเงื่อนไข คุณไม่ได้ส่งคืนสิ่งใดจากฟังก์ชันการโทรกลับ ดังนั้นคุณควรใช้.each()


\r
\ r
$(document).ready(function() {
  $(\"#productInput\").on(\"keyup\", function() {
    let value = $(this).val().toLowerCase();
    $(\"#productTable tr.notfound\").remove(); // remove extra row if we added it during previous filter
    $(\"#productTable tr\").each(function() {
      $(this).toggle($(this).text().toLowerCase().includes(value));
    })
    if ($(\"#productTable tr:visible\").length == 0) {
      $(\"#productTable\").append(\"<tr class=\'notfound\'><td>No results found</td></tr>\");
    }
  });
});
\r

Source

Share

Didn't find the answer?

Our community is visited by hundreds of web development professionals every day. Ask your question and get a quick answer for free.

Similar questions

Find the answer in similar questions on our website.

760 php - org.json.JSONException : Value Rlz @ Rf uiobX - Z_ ^ eg_bf vCb of type java.lang.String cannot be converted . to JSONObject
107 php - Laravel ->put() issue - Mixed content (JSON vs. not JSON)
790 javascript - Cropper JS with class.upload.php - uncropped image is being saved
877 javascript - jsPDF use Chinese fonts to build PDF from HTML
691 javascript - How to import, manipulate long svg file format to make animation in html js
583 php - How to return valid JSON array by WordPress REST API .. Not JSON object?
262 javascript - SyntaxError: Unexpected token '<', "<br /> <b>"... is not valid JSON
445 javascript - what is ca file path for inclusion in nodejs httpAgent
667 How to use the php:hmac_hash() function in javascript with nodejs package crypto
768 javascript - JS equivalent of file_get_contents in PHP?

Write quick answer

Do you know the answer to this question? Write a quick response to it. With your help, we will make our community stronger.




About the technologies asked in this question

JavaScript

JavaScript is a multi-paradigm language that supports event-driven, functional, and mandatory (including object-oriented and prototype-based) programming types. Originally JavaScript was only used on the client side. JavaScript is now still used as a server-side programming language. To summarize, we can say that JavaScript is the language of the Internet.
https://www.javascript.com/

Welcome to webdevask.com

Welcome to webdevask.com

Welcome to the Q&A site for web developers. Here you can ask a question about the problem you are facing and get answers from other experts. We have created a user-friendly interface so that you can quickly and free of charge ask a question about a web programming problem. We also invite other experts to join our community and help other members who ask questions. In addition, you can use our search for questions with a solution.

Get answers to specific questions

Ask about the real problem you are facing. Describe in detail what you are doing and what you want to achieve.

Help Others Solve Their Issues

Our goal is to create a strong community in which everyone will support each other. If you find a question and know the answer to it, help others with your knowledge.