选择'tr‘元素内的同级元素
选择'tr'元素内的同级元素，可以使用CSS选择器中的兄弟选择器（sibling selector）来实现。兄弟选择器可以选择与指定元素拥有相同父元素的其他元素。
以下是一些常用的兄弟选择器：
- 相邻兄弟选择器（Adjacent Sibling Selector）：使用"+"符号选择指定元素后面紧邻的同级元素。
示例代码：
tr + tr { ... }说明：选择'tr'元素后面紧邻的同级'tr'元素。 - 通用兄弟选择器（General Sibling Selector）：使用"~"符号选择指定元素后面的所有同级元素。
示例代码：
tr ~ tr { ... }说明：选择'tr'元素后面的所有同级'tr'元素。
这些兄弟选择器可以与其他CSS选择器组合使用，以实现更精确的选择。
对于应用场景，选择'tr'元素内的同级元素可以用于处理表格中的特定行或元素。例如，可以使用兄弟选择器选择表格中某一行的相邻行，然后对其进行样式设置或其他操作。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发（移动推送、移动分析等）：https://cloud.tencent.com/product/mobile
- 腾讯云区块链（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙（Tencent Cloud Metaverse）：https://cloud.tencent.com/solution/metaverse
相关·内容
在下面的代码中，我希望看到显示红色、蓝色、绿色和棕色行，但似乎除了红色之外的所有行都被隐藏，就像nextUntil参数被忽略一样。有什么线索吗？谢谢。id="firstrow"> </tr>
<tr><span class="colors">Orange&
浏览 2提问于2013-05-02得票数 1
回答已采纳
我是否可以使用CSS来设置一个元素的样式，如果它是同级的话，则取决于子类的类型？或者是它父母的兄弟姐妹的孩子？例如，假设我有一张桌子： <tr><td><span class='red'>A</span></td><td><span class='blue'>B</span&g
浏览 1提问于2013-04-16得票数 0
我希望在一个td元素中选择一个tr标记的下一个同级。tr元素如下： <td>Created On:</td></tr>
我的XPATH代码如下所示：//text()[contains如何
浏览 0提问于2018-07-06得票数 2
回答已采纳
1回答
align="LEFT">Some-last-name Some-first-name</td> <tr valign="TOP"></table>Elements rows = docOptometristDetail.select(&quo
浏览 1提问于2015-11-28得票数 1
回答已采纳
我有一个如下的结构，<td></td>现在，我希望找到标记data- attribute我试过了， var i= $(this).parent('td'
浏览 4提问于2012-09-29得票数 16
有人能解释一下选择器是如何为不同的后代工作的吗？我在网上看了一下，但到目前为止我找到的描述似乎并没有太大的不同。$('table > tr')
$('table + tr')
浏览 3提问于2009-12-18得票数 1
回答已采纳
这是一种根据同级属性值选择元素方法吗？因为我有一个元素，我想通过它来获取id值： <tr amount=1 prid="product_1-2"> 与兄弟姐妹相比，看起来是这样的： <tr amount=2 id="item_23_product_1-2"> 我希望根据属性相似度切换空的tr元素及其兄弟元素。选择两者<
浏览 11提问于2019-02-21得票数 0
回答已采纳
1回答
这是我的代码。<tr id="optShow"><td style="text-align:center;">500K visitorsstyle="text-align:center;">10K visitors /mo</td>
<td style="text-align
浏览 0提问于2012-01-23得票数 2
回答已采纳
我正在尝试创建一个xpath表达式，它将在给定初始兄弟的情况下在dom中找到第一个匹配的兄弟(注意:初始兄弟将是Tom和Steve)。例如，我想在“Tom”树下查找“jerry1”。我已经研究了以下兄弟的争论，但我不确定这是最好的方法吗？有什么想法吗？<tr></tr> <a title=”jerry1”/>
<
浏览 0提问于2014-09-06得票数 2
3回答
我在使用xpath返回元素时遇到问题。我需要从一个大的表格中获取第二个TD中的文本。<tr> <label for="PropertyA">Some text here </label> <td> TEXT!!</td>我能够找到label元素，但是在选择同级
浏览 0提问于2011-01-06得票数 9
回答已采纳
我在我的表格下面有一个href链接，我想通过点击这个链接来操作表格行，但我不能得到它们！这是我的html <div> <a href="#remove" class="removelink" > remove </a> </div>
<tr> <td></td> </tr>
浏览 3提问于2011-10-19得票数 0
回答已采纳
我正在尝试使用jquery最近命令来查找基于元素是否具有特定兄弟元素的特定元素。我一直在使用不同的选择器，但还没有找到我想要的选择器。例如，如果结构如下所示 <table> <td>
<span a>cell 1</span><span b&g
浏览 0提问于2013-03-19得票数 4
回答已采纳
2回答
在我的代码中，有一个用"protractor.By.repeater“选择的元素列表(tr)。这个列表是使用"forEach“循环的。在这个循环中，元素被单击，这个单击应该会触发在单击元素之后包含一个新的"tr“。我用：
var nextRow = tr.$(protractor.By.xpath('
浏览 2提问于2014-08-19得票数 4
回答已采纳
2回答
有人能告诉我为什么我桌子的第二排没有灰色背景吗？.phone:first-of-type td {background:grey;}</head><table> <trclass="email"><td>Row</td></tr>
<tr cla
浏览 1提问于2015-04-19得票数 7
回答已采纳
. --> <td colspan="3" class="pcipgSubHeader"><b>November 2021</b></td><tr class="pcipgAddTopPadding> <td></td>
<td width=&qu
浏览 3提问于2021-12-20得票数 0
2回答
我有一个问题，试图应用CSS样式的兄弟元素后，输入的复选框已被选中。我的目标是将划线和文本装饰颜色红色的文本装饰应用到同级元素。table table-striped table-bordered table-hover table-sm table-responsive"> <tr">Paid</th>
<
浏览 3提问于2020-08-08得票数 0
1回答
当我在写一些html和javascript代码的时候，我发现我的Android手机有一个奇怪的行为(Samsung Galaxy 3，4.1.2)。我试图实现的是通过动态地为第一个tr元素指定一个类名来显示它的兄弟tr元素。这个类有通用的同级选择器来给出同级to "display:table-row“，它们最初是"display:none”
下
浏览 2提问于2013-12-05得票数 0
1回答
我已经用Jquery简单地做到了这一点，但是因为我需要对所有拉入的数据使用该函数，所以它会将类复制到下一行，依此类推，所以当我选中reject按钮时，它会打开所有下拉文本区域来输入原因。我想知道如何在无限数据量的情况下做这个？所以它只会打开一个下拉文本区域。 <tr class="unverifiedSuppliers">
浏览 1提问于2013-07-31得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
