不能使用jQuery来定位循环中元素的ID

时间:2014-12-29 05:11:13

标签: javascript jquery html

我很难过,需要一些帮助。我正在尝试实现一些响应代码,在实现时,我不得不重新设置一些代码以使其工作。一个是从表元素中获取ID。 我到目前为止的HTML:

<div class="title">blah</div>
<table id="Sailing%20Monohull" class="responsive">
    <!-- contents -->
</table>

当您响应时,HTML会发生变化,如下所示:

<div class="title">blah</div>
<div class="table-wrapper">
    <div class="scrollable">
        <table id="Sailing%20Monohull" class="responsive">
            <!-- contents -->
        </table>
    </div>
    <div class="pinned">
        <table id="Sailing%20Monohull" class="responsive">
            <!-- contents -->
        </table>
    </div>
</div> 

重复3次。响应时,我想获取表ID,例如“Sailing%20Monohull” 我在Chrome的控制台中尝试过:

$(".title").each(function(index, element) {
    console.log($(this).next().find('.scrollable').children().attr('id'));
});

我得到了理想的结果。但当我把它放在我的文件中,上传并运行它,我得到了未定义,我不知道为什么。我对任何想法持开放态度。提前致谢

2 个答案:

答案 0 :(得分:0)

您的表格ID不是有效的标识符。除_之外,不要使用特殊字符。使用数字或字符。

答案 1 :(得分:0)

试试这个

$(".title").each(function(index, element) {
    console.log($(this).next("div").find('.scrollable').find("table").attr("id"));
});

<强> JS Fiddle