javascript - 如何使用 javascript/jQuery 指示 javascript 生成的 ID?

标签 javascript jquery variables

我正在计算某个 div 中具有单独 ID 的 p 标签的数量,其中 p 标签和 ID 是由 php 随机生成的,并且数量不定,但在模式 ID 中(otherUser1、otherUser2、otherUser3 等)

for (var i = 1; i <= numUsers; i++) {
    var tagId = '#otherUser' + i + '';
    document.write(tagId);
    var userName = $(tagId).html();
    document.write(userName);
}

当我在上面记录写入 userName 变量时,它给了我 null,因为仅仅在 jQuery 括号中插入变量 tagId 并不能完成这项工作。我该如何正确地做到这一点? - 我不介意使用 javascript 或 jQuery,两者都可以。

最佳答案

我已经尝试过使用 jQuery .这与我的本地主机配合得很好。但是,我仍然不认为这会解决您的问题。

我已经将 javaScript 实现为:

            function submit(){
                var numUsers=3;
                for (var i = 1; i <= numUsers; i++) {
                    var tagId = '#otherUser' + i;
                    var userName = $(tagId).text().toString();
                    $('#user').append("Username" + i + " : " + userName + "<br/>");
                }
            }

你的 HTML 是:

        <div id="otherUser1">userName1</div>
        <div id="otherUser2">userName2</div>
        <div id="otherUser3">userName3</div>

        <input type="button" value="Click Me!!" onclick="submit();"/>
        <div id="user"></div>

这将显示当前的 DIV。但是,代替此 HTML 的是您的 PHP 自动生成的 DIV,稍后将不会显示。

我还创建了这个 fiddle .我不知道为什么即使相同也无法正常工作!!!

如有不妥之处请指正

谢谢你。

编辑:也许 jsfiddle 不支持这些功能,(因此从 javaScript 中删除了功能行)!因此,更新了正常工作的 fiddle 。

关于javascript - 如何使用 javascript/jQuery 指示 javascript 生成的 ID?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4987649/

相关文章:

javascript - 停止 Rails 3.2 渲染 html.erb 和 js.erb

javascript - 按 `z-index` 切换 div 时连续滚动

javascript - 如何让2个元素的InnerHTML在程序每次运行时切换

c++ - 返回堆栈变量?

javascript - Jquery 将前一个同级的第三个子级中的标签作为目标

java - 选择正确的枚举

javascript - 使用 jquery/javascript 执行以下操作的最佳做​​法是什么?

javascript - Angular,比较 2 个对象并替换(可能连接?)

jquery - 什么是最好的JQuery WYSIWYM Textile编辑器?

javascript - 如何使用 jquery 在鼠标悬停时显示隐藏的 div?