PHP Code Mania - ชีวิตโปรแกรมเมอร์รับทำเว็บไซต์

© Photographer: Sunzandesign | Agency: Dreamstime.com คีย์เวิร์ดวันละคำ วันนี้ ขอเสนอคำว่า " jquery selector visible only " ถามว่าทำไมถึงต้องค้นหาคำนี้ คำตอบก็คือ เพราะบางครั้งเราก็จะต้อง filter หรือค้นหาแค่รายการที่เราต้องการ ส่วนที่เหลือก็ซ่อนเอาไว้ เมื่อใช้คำสั่งเลือกทั้งหมดให้มีผลกับตัวที่เรา filter ไว้เท่านั้น แต่ดันไปมีผลกับทุกตัวรวมถึงที่ซ่อนไว้ เช่นนั้นแล้วการ filter ของเราจะมีประโยชน์อะไร #Bug ไม่ต้องการเวลา https://api.jquery.com/visible-selector

ดูวิธีการใช้งานแบบเต็มๆที่ PHP กับจัดการฐานข้อมูลหมวดหมู่สินค้า MySQL แบบใช้ตารางเพียงตารางเดียวเท่านั้น    1. สร้างตารางเก็บข้อมูลหมวดหมู่สินค้า     ส่วนที่สำคัญก็คือ การเพิ่มฟิลด์เพื่อใช้สำหรับอ้างอิงหมวดหมู่หลักของรายการนั้นๆ ตาราง tb_category 1. id               รหัส primary key 2. name         ชื่อหมวดหมู่ 3. parent_id    รหัสของหมวดหมู่หลัก (ถ้าไม่มีให้ใส่ 0) 2. ออกแบบ Array สำหรับเก็บข้อมูลที่ Query จากฐานข้อมูล     ในขั้นตอนปกติทั่วไป ผมจะใช้วิธีดึงข้อมูลเป็นทอดๆ โดยคิวรี่ไปเรื่อยๆ 2.1 หาหมวดหมู่หลัก WHERE parent_id = 0 2.2 ใน While Loop ให้หาหมวดหมู่ย่อยของแต่ละรายการด้วย WHERE parent_id = id จากรูปแบบข้อมูลของ category ในความเป็นจริงก็คือ เราต้องการทุกรายการอยู่แล้ว และหากเป็นการ Query ซ้อน Query ก็จะทำให้ MySQL ต้องทำงานหนัก ลองนึกภาพถ้าหมวดหมู่หลัก 1 หัวข้อ มีหมวดหมู่ย่อยของหมวดย่อยโดยเฉล...

ก่อนหน้านี้ผมเคยแนะนำวิธีค้นหาข้อมูลด้วย :contains() Selector ใน jQuery แต่ปรากฏว่างานผมถูกตีกลับครับ ทดสอบแล้วไม่เป็นดังที่ต้องการ เพราะ text: A string of text to look for. It's case sensitive. ครับ มันสนใจตัวอักษร ระหว่างตัวเล็กกับตัวใหญ่ด้วย <p>I am Cyberman</p> ถ้าผมต้องการค้นหา <p> ที่มีคำว่า cyberman การใช้ contains จะค้นไม่เจอครับ ต้องให้เหมือนทุกคำ คือ จะเจอก็ต่อเมื่อค้นคำว่า Cyberman ดังนั้น ก็ต้องเปลี่ยนตามลิงค์นี้แหละครับ ^^" http://stackoverflow.com/questions/7853851/jquery-how-can-i-write-a-case-insensitive-attribute-contains-selector หลังจากที่ใช้โค้ดใหม่ก็เป็นดังนี้ $('tr').hide();//ซ่อนทั้งหมด var myCode = $('#my_code').val(); var reg = RegExp(myCode ,"i");  $('.select_item').filter(function() {      return reg.test(this.value); }).parents('tr').show();//แสดงตามรายการที่ตรง my_code เพียงเท่านี้ ทุกแถวที่มีคำตรงกับ my_code ก็จะแสดงส่วนแถวที่ไม่ตรงก็จะถูก...