javascript - 从具有特定类的每个 DIV 中获取每个 ID

标签 javascript jquery html

我在一个主页上有多篇新闻文章的网站上工作。如果新闻文章包含超过 300 个字符,我有一个删除字母的功能。将显示“阅读更多”超链接,以便读者阅读全文。一旦读者点击阅读更多,他/她将被重定向到一个包含文章 ID 的链接。例如:index.php?newsid=73

但是,我需要为每个 DIV 提供新闻文章 ID 的 ID。这并不是什么大问题,问题是:我如何让 jQuery 获取 div 的 ID,从而为每个超链接提供它自己的 URL?

我当前的代码:

        $(document).ready(function(){
    var myDiv = $('.content');
    var abc = $(this).closest(".content").attr("id");
        //var myDiv = $('.content').attr('class');
        //var myDiv = $('#content');
        //myDiv.html(myDiv.text().substring(0,300) + '<a href="#">Read more</a>');
    })(jQuery);

我评论了几行只是为了测试它。我的代码显然不起作用,我有点迷路了。这就是我为每个 div 赋予它自己的 ID 的方式:

echo "<div class='content' id='" .$myrow['id'] ."'>" .$myrow['content']. "</div>";

最佳答案

使用 jquery 的 .map()功能

var arr = $('.content').map(function (i) {
    return this.id;
});

生成的数组 arr 将包含 ID。

关于javascript - 从具有特定类的每个 DIV 中获取每个 ID,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19693434/

相关文章:

javascript - NodeJS - 可从客户端和 Node 访问不同的文件

php - 类型错误 : Cannot read property 'replace' of undefined vue-resource. js:284

javascript - 当包含 &lt;script&gt; 标签时,jQuery.html() 会破坏 IE11 中的 onclick 处理程序

angularjs - Onsen-UI 如何使用 <ons-button> 内的 ng-click 拨号

javascript - Chrome扩展实践中的登录和认证

javascript - 如何在按下回车键时触发 HTML 密码输入

jquery - 通过拖动分隔线处理程序来调整元素大小

javascript - 一种形式中的两种不同 Action

php - Laravel 中的 AJAX 函数未将表单数据发布到 Controller

javascript - 查找嵌套字段集中的最后一个子 div