使用jQuery将颜色应用于php for循环中的td元素不起作用
使用jQuery将颜色应用于PHP for循环中的td元素不起作用可能是由于以下几个原因：
- jQuery库未正确引入：请确保在HTML文件中正确引入了jQuery库。可以通过在<head>标签中添加以下代码来引入最新版本的jQuery库：
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>- jQuery代码未正确编写：请确保在for循环中正确使用了jQuery代码来应用颜色。以下是一个示例代码，将td元素的背景颜色设置为红色：
$(document).ready(function() {
<?php
for ($i = 0; $i < 10; $i++) {
echo '$("td:eq(' . $i . ')").css("background-color", "red");';
}
?>
});- CSS样式优先级问题：可能是由于CSS样式的优先级问题导致颜色未能正确应用。请确保在CSS样式表中没有其他样式覆盖了jQuery代码设置的颜色。可以通过在jQuery代码中使用!important来提高优先级，例如：
$(document).ready(function() {
<?php
for ($i = 0; $i < 10; $i++) {
echo '$("td:eq(' . $i . ')").css("background-color", "red!important");';
}
?>
});- PHP代码问题：请确保PHP代码正确生成了包含td元素的HTML表格，并且td元素具有正确的class或id属性，以便jQuery代码可以正确选择和操作它们。
总结起来，要解决使用jQuery将颜色应用于PHP for循环中的td元素不起作用的问题，需要确保正确引入jQuery库、正确编写jQuery代码、处理CSS样式优先级问题，并确保PHP代码正确生成HTML表格。
相关·内容
我有一个php for循环，如果c类元素的值小于3，我会尝试将所有td元素设置为黄色，但由于某些原因，它不起作用foreach($results as $data){
<tr class="dropDown"> <
浏览 15提问于2018-02-07得票数 0
回答已采纳
我有一个html，其中一个div包含两个锚元素..如果我将样式类应用于具有某种背景颜色的单个元素，则可以单击整个背景。如果我对div应用一个样式类，那么两个锚元素都会显示在背景上，但整个背景是不可点击的，只有单个锚元素是可点击的。
我不想使用任何JS或jQuery。="0" cellpadding="0" border="0&quo
浏览 0提问于2013-01-03得票数 0
3回答
我想将jquery旋转器应用于动态添加的元素。-html代码-- <tr> <div id="eachBox1"></div> <td>
<div id="eachBox2旋转器应用于以qty开头的每个<em
浏览 0提问于2015-04-27得票数 0
回答已采纳
2回答
我试图使用jquery向表row元素添加一个类，但它只适用于第一行。我使用mysql数据库填充表，并使用while循环显示表。.hoverChange:hover显示所有数据的表和while循环：php
浏览 1提问于2016-12-05得票数 1
回答已采纳
我有一些javascript，它在表的每一行上创建一个日期选择器。该函数仅适用于第一行。据我所知，造成这种情况的原因是，datepicker在每一行上共享相同的ID。我如何调整我的代码来解决这个问题？php while ($row2 = sqlsrv_fetch_array($results2)) {?> <td><?php echo $row2['Sequence
浏览 1提问于2016-03-11得票数 1
回答已采纳
我希望将jQuery应用于foreach循环的每个实例，但只对单击的元素进行操作。php foreach循环如下所示： <?php echo $entries->setPath('')->render(); ?>$(document).ready(functio
浏览 0提问于2016-09-16得票数 0
$('tr > td:gt(0)').filter(function() { }).css('text-align','right');
我试图循环遍历一个动态表，并向右对齐每一行中包含数字数据的每个td，但每行上的第一个td除外。
浏览 1提问于2014-03-29得票数 1
回答已采纳
我的密码是：<table> <td> <option value="3" style="background-color:green">Three</option>
</selec
浏览 0提问于2018-10-11得票数 1
回答已采纳
1回答
我有一个表，它的背景色每隔一行应用一次，以便使用:nth-child伪类进行查看，但通过向该单元格应用不同的背景颜色，使用一个额外的类来突出显示某些信息。令人困惑的是，对于偶数行(原始样式为background-color: none;)，将应用突出显示颜色，但奇怪的行(其中样式为background-color: #C4A66F;)不应用新的高亮显示样式图像正如您所看到的</e
浏览 1提问于2014-08-31得票数 1
回答已采纳
我有一段代码，其中元素是在for循环(PHP)中生成的。守则是：{ <td><span id="myspan"><input type="textphp echo $member; ?>" /></span></td>在<em
浏览 6提问于2017-08-13得票数 0
回答已采纳
我正在尝试将灰色背景颜色应用于页面内的div元素。 这是下面突出显示的一个： ? 我可以在页面加载中使用下面的代码来应用背景颜色： var topBar = document.querySelector("td.top-bar div.top-bar");topBar.style.backgroundColor="#808080"; 但是，有一个后台属性正在
浏览 49提问于2020-10-13得票数 0
在我的单页面应用程序中，所有静态资源、js文件都是由主页加载的。然后在用户点击时动态加载该表。但是，datatable自定义不会应用于新加载的table div元素。最简单形式的代码是，<script src="jquery.js"></script>
<script src="datatable.js">&
浏览 0提问于2015-06-02得票数 0
3回答
我有一个表格，我希望在某些里程碑的日子里改变颜色。我有JS，但它只适用于第一个细胞，而不是其他细胞。有什么想法吗?如何循环js，使其改变表中每个称为天的单元格？>= 60) { } }echo"<td id=DAYS>&quo
浏览 2提问于2017-08-02得票数 1
回答已采纳
行包含clientname、紧急按钮和complete.If按钮，您单击表行中的紧急按钮，然后该按钮的颜色更改为红色，如果再次单击该按钮，则该按钮再次恢复原来的颜色。现在，当我重新加载页面时，我想用红色显示值1的紧急按钮。我想根据元素在数据库中的值将css应用于元素。现在，我可以切换类来更改单击上的紧急按钮的颜色并更新其值，但是一旦我刷新页面，它
浏览 1提问于2016-07-28得票数 0
回答已采纳
2回答
我有一系列元素(超过20个)，它们都需要用户输入的颜色。使用PHP + CSS，我将得到以下输出：它工作得很好，但是现在我需要在使用jQuery/Javascript加载DOM之后编辑该颜色。同样，它将是用户条目，因此颜色可以是任何颜色。
是否有一种快速的方法一次将</
浏览 2提问于2013-10-04得票数 0
回答已采纳
好的，我正在尝试将我的主题与WordPress Customizer API集成。// Header back color. value.bind'background': to, }} );
现在，我需要对一个header hr.star
浏览 1提问于2015-01-25得票数 1
3回答
不会将类应用于表的列
、、、
我对col的理解是，它可以用来为表的列中的所有元素指示一个类。不过，这似乎对我不起作用。我可以将这个类应用于单独的td，但我希望col能帮助我避免这种情况。，背景颜色总是有效的，但边框有时会失败。> <td><label >Planner/Scheduler/Estim
浏览 1提问于2010-10-05得票数 3
回答已采纳
3回答
我在远端循环中有标签，所以它会根据次数输出图像。这个数字来自数据库。
我的问题。很明显，第一行中的所有图像都有相同的ID。目前，用户只能单击该行的第一个图像。如果可能的话，我想给每个元素不同的ID。而不是使用JQuery添加单击事件。所以，如果我点击第一行的第4张图片，它会发出警告信息，如果我点击第5张图片，它会显示不同的警告信息。我如何为far循环中的每个<em
浏览 0提问于2017-07-04得票数 3
1回答
我正在尝试将类应用于循环中的所有日期项。我的代码工作正常，但我100%确定他们写代码的方式是不正确的。可以对代码更改提出一些建议吗？我想在循环中对日期项使用FormatDateTime函数(我自己的函数)。因为这是一个类，我们可以在jquery中去掉.each循环吗？for (int i = 0; i < Value.Count; i++)
浏览 10提问于2014-08-13得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
云直播活动推荐
腾讯云开发者
