Question

我正在一个网站上工作，该网站的主页上有多篇新闻文章。如果新闻文章包含超过300个字符，我有一个删除字母的功能。将显示超级“阅读更多”的超链接，以便读者阅读完整的文章。一旦读者点击了Read More，他/她将被重定向到包含文章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>";

Answer 1

使用jquery＆＃39; .map()函数

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

生成的数组arr将包含ID。

Answer 2

使用each循环？

$(function(){
   $('.content').each(function(){
      var _this=$(this);
      // use _this now to get each items/It's internal properties /items
      var textContent=_this.text();
      //Do your substring function here and set the text back to the item
      _this.text("Put your updated text here");
   });
});

从特定类的每个DIV获取每个ID

2 个答案: