Javascript 如何通过jquery从html表中检索特定行

Javascript 如何通过jquery从html表中检索特定行,javascript,jquery,Javascript,Jquery,我有一个由php动态生成的表。此表中包含不同学期的信息(如:第一、第二、第三等)。现在,我想显示特定的学期信息,如果用户单击同一个表中的链接而不进行查询。我是这个论坛的新手,这是我的第一个问题。对不起,英语不好 我的代码 <table id="course_offering" class="table table-striped table-hover custab "> <thead> <tr> <th>Cours

我有一个由php动态生成的表。此表中包含不同学期的信息(如:第一、第二、第三等)。现在,我想显示特定的学期信息,如果用户单击同一个表中的链接而不进行查询。我是这个论坛的新手,这是我的第一个问题。对不起,英语不好

我的代码

<table id="course_offering" class="table table-striped table-hover custab ">
    <thead>
    <tr>
        <th>Course Code</th>
        <th>Course title</th>
        <th>Credit Hours</th>
        <th>Contact Hours</th>
        <th>Pre Requisite</th>
        <th>Course Type</th>
        <th>Year</th>
        <th>Semester</th>
        <th>Offering Year</th>
        <th>Offering Session</th>
    </tr>
    </thead>
        <tbody>     

<tr>
<td>EEE 2505</td>
<td>Electrical </td>
<td>2</td>
<td>3</td>
<td></td>
<td>Theory</td>
<td>2</td>
<td>1</td>
<td>2014</td>
<td> Spring </td>
</tr>
<tr>
<td>EEE 2505</td>
<td>Electrical </td>
<td>2</td>
<td>3</td>
<td></td>
<td>Theory</td>
<td>2</td>
<td>4</td>
<td>2015</td>
<td> Spring </td>
</tr>
<tr>
<td>EEE 2505</td>
<td>Electrical </td>
<td>2</td>
<td>3</td>
<td></td>
<td>Theory</td>
<td>2</td>
<td>4</td>
<td>2014</td>
<td> Spring </td>
</tr>
<tr>
<td>EEE 2505</td>
<td>Electrical </td>
<td>2</td>
<td>3</td>
<td></td>
<td>Theory</td>
<td>2</td>
<td>4</td>
<td>2014</td>
<td> Spring </td>
</tr>
<tr>
<td>EEE 2505</td>
<td>Electrical </td>
<td>2</td>
<td>3</td>
<td></td>
<td>Theory</td>
<td>2</td>
<td>4</td>
<td>2014</td>
<td> Spring </td>
</tr>
<tr>
<td>EEE 2505</td>
<td>Electrical </td>
<td>2</td>
<td>3</td>
<td></td>
<td>Theory</td>
<td>2</td>
<td>4</td>
<td>2014</td>
<td> Spring </td>
</tr>
<tr>
<td>EEE 2505</td>
<td>Electrical </td>
<td>2</td>
<td>3</td>
<td></td>
<td>Theory</td>
<td>2</td>
<td>4</td>
<td>2014</td>
<td> Spring </td>
</tr>
</tbody>
</table>

课程代码
课程名称
学时
联系时间
先决条件
课程类型
年
学期
发行年份
发售环节
EEE 2505
与电有关的
2.
3.
理论
2.
1.
2014
春天
EEE 2505
与电有关的
2.
3.
理论
2.
4.
2015
春天
EEE 2505
与电有关的
2.
3.
理论
2.
4.
2014
春天
EEE 2505
与电有关的
2.
3.
理论
2.
4.
2014
春天
EEE 2505
与电有关的
2.
3.
理论
2.
4.
2014
春天
EEE 2505
与电有关的
2.
3.
理论
2.
4.
2014
春天
EEE 2505
与电有关的
2.
3.
理论
2.
4.
2014
春天
以下是一个工作示例:

HTML:


苹果
橙色
班纳纳

我们需要查看您的代码才能帮助您。是否要根据行的文本内容检索行?你能举个例子吗?我试图添加一个屏幕截图,但由于声誉不佳,我失败了。我很快就会上传代码。请访问此链接我上传了一张截图你说点击表上的链接,但我在表中没有看到任何链接。你的意思是点击一行吗?这到底是如何回答这个问题的?OP希望在单击行时执行操作。他/她没有提到颜色变化……我想选择学期(td)等于某物的所有表格行,并生成一个完整的表格。我是新手。请详细说明一点。确切地说,我希望在单击侧边栏中的链接时发生一个操作。当我点击第一学期时,它会显示包含第一学期相等的行。就是这样。我可以用php来做,但如果威尔看起来很危险的话。我想通过jquery来保持简单。有没有办法像jquery中的php一样进行查询以检索表中的数据。@War10ck stackoverflow是程序员帮助其他程序员的地方,而不是程序员免费为非程序员编写代码的地方。如果他想要一个可靠的答案,他应该尝试这个问题,并在提问时写出他所拥有的,而不仅仅是假设有人会为他编写代码。@Mehedi CodeToad已经向您展示了如何抓住某些元素,现在请自己尝试一下。如果您更新代码,我们可以帮助您。如果你袖手旁观,那么就期望其他人也这么做。问题是,自从我读到这篇文章以来,ms已经被编辑过了。在它说按值查找行之前,我认为这意味着文本。通过提供一个工作示例,我希望向提问者展示一种解决问题的简单方法。颜色不是他想要的,它们只是一种展示功能使用的方式
function getRowsByText(text) {
var resultRows = $();

$('tr').each(function () {
    var row = $(this);
    var rowText = row.text().trim();
    if (rowText === text) {
      resultRows = resultRows.add(row); //return the row
    }
   });
          return resultRows;
   }
   getRowsByText('apple').css('color', 'red');

   getRowsByText('orange').css('color', 'orange');
<table>
<tr>
    <td>apple</td>
</tr>
<tr>
    <td>orange</td>
</tr>
<tr>
    <td>bannana</td>
</tr>