不断查找下一个元素 jQuery/JS
Continuously finding the next element jQuery/JS
我正在尝试从跨度内的表中提取每个字母。这是我所拥有的:
<?php
$y='A';
$c=0;
$z=0;
echo "<table id=tableexample>";
while ($z<100){
$c=0;
echo "<tr>";
while ($c<3) {
if (isset($names[$z])){
echo "<td><span id=boldinfo>".$y."</span><br></td>";
}
$y++;
$c++;
$z++;
}
}
echo("</tr>'n");
echo "</table>";
?>
所以我有多个重复的span
类,我想使用 jQuery/JS 来解析它们并获取每个值。
这是我的JS:
$(document).ready(function () {
$('.c3-legend-item-event').mouseover(function(){
var colorKeyLength = $(this).closest("g").attr('class').length;
var colorKey = $(this).closest("g").attr('class')[colorKeyLength-1];
var colorKey2 = '';
while (colorKey != colorKey2){
colorKey2 = $( "table" ).find('#boldinfo').text();
}
});
});
在 JS 中,变量colorKey
将是 A、B,..,C 或 Z。在 PHP 中,变量 y
执行相同的操作,并在循环时增加其字母。
我的问题是能够通过具有不同文本的相同跨度类的循环进行解析。我不知道该怎么说。我知道我可以使用 next(),但我不确定如何通过多次迭代来做到这一点。我试图使它,当我将鼠标悬停在某物上时,包含与colorKey相同字母的单元格将以与其他单元格不同的颜色突出显示。
如果您确定只会查看<span id="boldinfo"></span>
格式的跨度(我鼓励在这里使用 class 而不是 id),那么像 $("span[id=boldinfo]")
这样的简单 jQuery 选择器可用于遍历所有这些跨度。
属性id
应该与唯一元素相关,您应该改用属性class
。设置不带引号的属性也不是一个好的做法(它仅在您有一个属性时才有效)。以下是修改:
<?php
$y = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
$z = 0;
// could also be "<table id='"table'">"
echo '<table id="tableexample" ' .
'cellpadding="0" cellspacing="0" border="0" ' .
'style="width:100%;">';
while ($z < 100)
{
$c = 0;
echo '<tr>';
while ($c < 3)
{
if (isset($names[$z]))
{
echo
'<td align="left" valign="top">' .
'<span class="boldinfo">' .
$y[$z] .
'</span>' .
'</td>';
}
if ($z >= strlen($y) - 1)
{ $z = 0; }
else
{ $z++; }
$c++;
}
echo '</tr>';
}
echo "</table>";
?>
然后我不确定你想用你的JS代码做什么,但这是我的新版本:
jQuery(document).ready(function($)
{
$('.c3-legend-item-event').mouseover(function()
{
var colorKeyLength = $(this).closest("g").attr('class').length;
var colorKey = $(this).closest("g").attr('class')[colorKeyLength-1];
var colorKey2 = '';
var spans = $('#tableexample .boldinfo');
spans.each(function(index)
{
var txt = $(this).text();
if (colorKey == txt)
{
// do something
return false;
}
});
});
});
希望对您有所帮助!
相关文章:
- jQuery/JS包含运算符或类似运算符
- 使用.on动态添加jquery/js不知道的html元素
- 如何检查链接是否有文本,并根据文本值评估条件-Jquery/JS
- 导致内容安全策略(CSP)冲突错误的本地jquery.js文件
- 在服务工作者中导入jquery.js
- jQuery/JS获胜't在表单验证后重定向
- jquery.js和jquery.lite.js有什么区别
- 在WordPress站点中加载jquery.js后加载javascript代码
- 将jQuery.js文件附加到html文档中
- jquery/js中的自执行函数
- 如何使用jquery/js/css逐步突出显示一段文本
- jQuery/JS Mimic Facebook's不在页面上时,标题在新消息上闪烁
- Rails:如何在jQuery(.js.erb)中调用“create”操作
- jQuery/JS:从服务器同步读取文本文件
- jQuery/js- 如何从基于 href 的类中获取菜单名称
- 相对于他在jQuery/Js中的一个内部数据对数组进行排序
- 获取剩余时间和上传文件速度 - ajax jquery/js
- 如何在One'中包含jQuery.js;s Own.js在$(document).ready之前
- jQuery js没有冲突
- 这是关于Jquery/JS的,如果我改变元素's HTML-我可以对它执行其他Jquery/JS操作吗