บทความนี้อธิบายวิธีการของ JavaScript ที่ควบคุมคอลัมน์ตารางที่ไม่ควรแสดง แบ่งปันสำหรับการอ้างอิงของคุณ วิธีการใช้งานเฉพาะมีดังนี้:
1. รหัสตาราง
คัดลอกรหัสดังนี้: <ตาราง ID = "myTable" Align = "center"
cellpadding = "3" cellpacing = "1" bgcolor = "#dfdfdf">
<tbody id = "tbody1" style = "พื้นหลัง: #e4e9f0; font-weight: bold;">
<tr>
<td bgcolor = "#ffffff"> วันที่ </td>
<td bgcolor = "#ffffff"> ชื่อสื่อ </td>
<td bgcolor = "#ffffff"> การวางแบบฟอร์ม </td>
<td bgcolor = "#ffffff"> จำนวนการเปิดเผย </td>
<td bgcolor = "#ffffff"> จำนวนการเปิดรับแสง </td>
<td bgcolor = "#ffffff"> คลิก </td>
<td bgcolor = "#ffffff"> จำนวนคลิก </td>
<td bgcolor = "#ffffff"> ctr </td>
<td bgcolor = "#ffffff"> เยี่ยมชม </td>
<td bgcolor = "#ffffff"> จำนวนการตีกลับ </td>
<td bgcolor = "#ffffff"> ความลึกของการเข้าถึง </td>
<td bgcolor = "#ffffff"> เรียกดูเวลา/วินาที </td>
<td bgcolor = "#ffffff"> จำนวนผู้เข้าร่วม </td>
<td bgcolor = "#ffffff"> จำนวนตัวจัดการธุรกิจ </td> จำนวน
</tr>
</tbody>
<tbody id = "Detail_id"> </tbody>
</table>
2. การควบคุม JS ตามการอนุญาต
หมายเหตุ: หากข้อมูลเป็นข้อมูลแบบไดนามิกการแสดงผลการควบคุมของ TD หลังจากการกำหนดเสร็จสมบูรณ์ มิฉะนั้นการควบคุมส่วนหัว TD จะสำเร็จและแถวอื่น ๆ จะล้มเหลว
if (uname === "Guest") {$ ("#mytable tr") แต่ละ (ฟังก์ชั่น () {$ (นี่) .find ("td") eq (7) .css ("แสดง", "ไม่มี"); $ (นี่) .find ("td") $ (นี้) .Find ("TD"). Eq (9) .CSS ("แสดง", "ไม่มี"); $ (นี้) .find ("TD"). Eq (12) .CSS ("แสดง", "ไม่มี");ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน