تصف هذه المقالة وظائف البحث المختلفة لـ JS لتنفيذ بيانات الجدول. يمكن أن يتجاهل الحالة والبحث الغامض وعمليات البحث عن المفاتيح المتعددة. شاركه للرجوع إليه. طريقة التنفيذ المحددة هي كما يلي:
انسخ الرمز كما يلي: <! doctype html>
<html>
<head>
<meta charset = "utf-8">
<title> </title>
<script type = "text/javaScript">
window.onload = function () {
var otab = document.getElementById ("tab") ؛
var obt = document.getElementSbyTagName ("input") ؛
OBT [1] .ONCLICK = FUNTRIAL () {
لـ (var i = 0 ؛ i <otab.tbodies [0] .Rows.Length ؛ i ++)
{
var str1 = otab.tbodies [0] .Rows [i] .cells [1] .innerhtml.toupperCase () ؛
var str2 = obt [0] .value.toupperCase () ؛
// استخدم string.touppercase () (قم بتحويل جميع الأحرف في السلسلة إلى أقصى) أو string.toLowerCase () (تحويل جميع الأحرف في السلسلة إلى وضع صغير)
// ما يسمى بالبحث عن تجاهل الأحرف الكبيرة والصغيرة هو تحويل جميع الأوتار التي أدخلها المستخدم إلى أحرف كبيرة أو صغيرة ، ثم تحويل جميع الأوتار في جدول المعلومات إلى الأحرف الكبيرة أو الصغيرة ، وأخيراً مقارنة الأحرف المحولة للاثنين.
/*************************** js tables تجاهل البحث عن الحالة
if (str1 == str2) {
Otab.Tbodies [0] .Rows [i] .style.background = 'Red' ؛
}
آخر{
Otab.Tbodies [0] .Rows [i] .style.background = '' ؛
}
/*********************:
// البحث الغامض للجدول هو استخدام طريقة Search () في JS ، باستخدام التنسيق ، string1.search (string2) ؛
// السلسلة التي أدخلها المستخدم عبارة عن سلسلة فرعية ، والتي ستعيد موضع السلسلة الفرعية في السلسلة الرئيسية. إذا لم يتطابق ، فسيعود -1. لذلك ، فإن العملية كما يلي
if (str1.search (str2)! =-1) {otab.tbodies [0] .Rows [i] .style.background = 'red' ؛}
آخر {otab.tbodies [0] .Rows [i] .style.background = '' ؛}
/*************************:
// ابحث عن كلمات رئيسية متعددة في الجدول. إذا قمت بإضافة كلمات رئيسية متعددة أدخلها المستخدم ، فاستخدم طريقة الانقسام لتقسيم سلسلة طويلة إلى صفيف سلسلة مع مسافات كمعيار.
// ثم قارن الفرعية من صفيف القطع مع الأوتار في جدول المعلومات في حلقة
var arr = str2.split ('') ؛
لـ (var j = 0 ؛ j <arr.length ؛ j ++)
{
if (str1.search (arr [j])! =-1) {otab.tbodies [0] .Rows [i] .style.background = 'red' ؛}
}
}
}
}
</script>
</head>
<body>
الاسم: <إدخال type = "text" />
<type type = "button" value = "Search"/>
<table borderColor = "Blue" id = "tab">
<head>
<td> <h2> id </h2> </td>
<td> <h2> الاسم </h2> </td>
<td> <h2> العمر </h2> </td>
</head>
<tbody>
<tr>
<td> 1 </td>
<td> الأزرق </td>
<td> 15 </td>
</r>
<tr>
<td> 2 </td>
<td> mikyou </td>
<td> 26 </td>
</r>
<tr>
<td> 3 </td>
<td> ضعيف </td>
<td> 24 </td>
</r>
<tr>
<td> 4 </td>
<td> Sky </td>
<td> 35 </td>
</r>
<tr>
<td> 5 </td>
<td> li si </td>
<td> 18 </td>
</r>
</tbody>
</table>
</body>
</html>
آمل أن تكون هذه المقالة مفيدة لبرمجة JavaScript للجميع.