如何让jQuery识别表中的I？

为了让jQuery识别表格中的<i>元素，您可以使用选择器来选中这些元素。以下是一些方法和示例代码：

基础概念

jQuery选择器：jQuery使用CSS选择器来选取HTML元素。选择器是一种模式，用于指定要选择的元素。

类型与应用场景

基本选择器：如#id, .class, element等。
层级选择器：如parent > child, ancestor descendant等。
属性选择器：如[attribute=value], [attribute!=value]等。
伪类选择器：如:first, :last, :even, :odd等。

示例代码

假设您有一个表格，其中包含多个<i>元素，您想要为这些<i>元素添加样式或绑定事件。

<table id="myTable">
  <tr>
    <td><i>Item 1</i></td>
    <td><i>Item 2</i></td>
  </tr>
  <tr>
    <td><i>Item 3</i></td>
    <td><i>Item 4</i></td>
  </tr>
</table>

使用ID选择器

如果您知道表格的ID，可以直接使用ID选择器来选中<i>元素。

$("#myTable i").css("color", "red");

使用类选择器

如果您给<i>元素添加了类名，可以使用类选择器。

<table id="myTable">
  <tr>
    <td><i class="item">Item 1</i></td>
    <td><i class="item">Item 2</i></td>
  </tr>
  <tr>
    <td><i class="item">Item 3</i></td>
    <td><i class="item">Item 4</i></td>
  </tr>
</table>

$("#myTable .item").css("color", "red");

使用属性选择器

如果您想要基于<i>元素的属性来选择它们，可以使用属性选择器。

<table id="myTable">
  <tr>
    <td><i data-type="info">Item 1</i></td>
    <td><i data-type="info">Item 2</i></td>
  </tr>
  <tr>
    <td><i data-type="warning">Item 3</i></td>
    <td><i data-type="warning">Item 4</i></td>
  </tr>
</table>

$("#myTable i[data-type='info']").css("color", "blue");

遇到的问题及解决方法

如果您在使用jQuery选择器时遇到问题，可能是由于以下原因：

选择器错误：检查选择器是否正确匹配了目标元素。
DOM未加载：确保在DOM完全加载后再执行jQuery代码。
冲突：检查是否有其他脚本或样式影响了选择器的效果。

解决方法：

确保选择器正确无误。
使用$(document).ready()确保DOM加载完成后再执行代码。

$(document).ready(function() {
  $("#myTable i").css("color", "red");
});

通过以上方法，您可以有效地让jQuery识别并操作表格中的<i>元素。

如何让jQuery识别表中的I？

、、

我有一个表，根据我在document.ready中定义的jQuery函数，其中的按钮单击不起作用。多亏了Stackoverflow，我尝试了下面的代码，按钮现在可以在单击时工作(显示它们的id)： $('.myspecialtable').on('click',"button.btn", function(){ }); 在该<em

浏览 11提问于2019-04-30得票数 0

回答已采纳

4回答

使用spring:来自JavaScript的消息

、、、、

我有一个JQuery函数，它在JSP中动态添加一个表： ('<table id="tabela_nova' + i + '" class="tabela_nova"> ' + &#x

浏览 0提问于2013-05-29得票数 8

回答已采纳

1回答

在CodeIgniter中将复选框从jQuery传递给PHP

、、、、

我正在做一个PHP自我评估表，它有5个问题类别，每个类别有10个问题。在应用程序的开始，我有5个复选框来表示这些类别，它们是自动选中的。这个想法是，每当用户取消选中一个类别时，该类别的问题立即从表单中消失，当他们再次选中它时，他们又回来了。一些应该可以在jQuery和AJAX的帮助下实现的事情。我也试过了因为使用post来让PHP<em

浏览 0提问于2013-02-07得票数 0

回答已采纳

2回答

如何让jQuery识别单独的值

我有一个jQuery来做一个简单的搜索/过滤功能。该功能允许用户键入文本字段，然后它只显示具有这些字符的列表项，即键入'red‘，它显示了其中包含'red’的所有列表项。我的问题是，它只适用于准确的输入，即如果输入‘红色蓝色’，它只会找到‘红色蓝色’，而不是‘蓝色’或其他‘红色’项目。 var v

浏览 5提问于2016-09-28得票数 1

回答已采纳

1回答

我有一个场景，在主UITableViews中有两个UIView作为子视图：+- UITableView (帧=屏幕的1/3) +- UITableView (帧=屏幕的第二据我所知，这应该可以防止UITableViews上的两个和三个手指盘，但它不能。用我的UISwipeGestureRecognizer在两个UITableViews上调用UITableViews。这部分工作，但摇摄等待直到刷卡还没有完成，它感觉非常笨拙。重写UITableView，将shouldRecognizeS

浏览 0提问于2013-12-09得票数 5

2回答

如何使用call目录扩展来识别应用程序中的传入呼叫？

、、、、

我正在研究callKit框架，我发现通过使用呼叫目录扩展，我们可以识别传入的电话号码。我的问题是如何在iOS应用程序中实现呼叫目录扩展以识别来电的详细信息。我正在为目标C工作。让数字"+919876xxxxx"使用以下方法添加调用目录扩展： - (BOOL)addIdentificationPhoneNumbersToContext:(CXCallDirectoryExtensionContext= 0; i &l

浏览 6提问于2016-11-28得票数 0

回答已采纳

20回答

让jQuery识别IE中的.change()

、

当单选按钮组被更改/单击时，我使用jQuery来隐藏和显示元素。它在Firefox等浏览器中工作得很好，但在IE6和IE7中，只有当用户点击页面上的其他地方时，该操作才会发生。在Firefox中，如果单击某个单选按钮，则会隐藏一个表行，而立即显示另一个表行。但是，在IE6和IE7中，单击单选按钮，在单击页面上的某个位置之前什么都不会发生。下面是我使用的jQuery： $(document)

浏览 5提问于2008-10-16得票数 131

回答已采纳

4回答

如何获取X/HTML文件中元素的xpath

、

我是Xpath的初学者，我想知道是否有任何方法可以在javascript/jquery中获得元素的xpath。我需要一种绝对的方法来标识一个元素，我知道Xpath用于此目的，但不知道如何识别。场景是，我有一个元素的jquery引用。我想让它的xpath存储在一个数据库中，只需单击鼠标。一旦有了jquery引用，我如何获取HTML元素<e

浏览 1提问于2012-02-09得票数 4

回答已采纳

4回答