Javascript 如何实现像ctrl+；使用jquery的f

您好，我正在尝试在页面

表tbody

上搜索，搜索应该类似于

ctrl+F

搜索我的

html

和php代码：

请参考下面链接的图片和链接以了解来源

    <table>
    <thead>
    <tr><td><input type="text" placeholder="Search Student id="searchStudent"> </td>
    <td></td><td></td><td></td><td></td><td></td></tr>
    </thead>

    <tbody>
    <tr>
    <td>
     <span><img src="<?php echo $gdScoreData['profile_pic']; ?>"/></span>
        <p><?php echo $gdScoreData['student_fname'];?> <?php echo $gdScoreData['student_lname'];?></p>
<p><b>Hallticket</b> : S<?php echo $gdScoreData['student_pid']; ?>J<?php echo $jobID; ?></p>
         </td>
    <td></td><td></td><td></td><td></td><td></td></tr>

以下是我尝试的来源：

---

基本上，您的代码可以正常工作，但它不会拾取标记中的元素 尝试添加以下内容：

var id2 = $row.find("b:first").text();

改变这一点：

if (id2.indexOf(value) !== 0) {

然后根据粗体内容进行搜索，它应该可以工作

您可以这样尝试，并逐个搜索每个部分：

$id = $row.find("td:first");
var id2 = $id.find("b:first").text();
var id3 = $id.find("p:first").text();
if (id2.indexOf(value) !== 0 && id3.indexOf(value) !== 0) {

---

我已经修改了你的js小提琴代码，现在它可以工作了

---

借助此帮助，我已解决问题。

您到底想要什么？您的JSFIDLE代码似乎工作得很好……这不是我的JSFIDLE，我正在尝试实现它，但它不适合我。搜索不起作用。我认为错误就在这里的某个地方：

varid=$row.find（“td:first”）.text（）没有改进。
if (id2.indexOf(value) !== 0) {

$id = $row.find("td:first");
var id2 = $id.find("b:first").text();
var id3 = $id.find("p:first").text();
if (id2.indexOf(value) !== 0 && id3.indexOf(value) !== 0) {

       $("#search").on("keyup", function() {
        var value = $(this).val();
       if(value!='') {
           $("table tbody tr").hide();
       }else{
           $("table tbody tr").show();
       }
         $('table tbody tr td:contains("'+value+'")').parent('tr').show(); 
       });

$("#searchStudent").on("keyup", function() {
    var value = $(this).val();
    if(value!='') {
        $("table tbody tr").hide();
        }else{
        $("table tbody tr").show();
    }
    $('table tbody tr td:contains("'+value+'")').parent('tr').show(); 
});