javascript - JQuery 操作 Div 集的子级

Question

我正在创建一个从页面读取数据的 Greasemonkey 脚本(JavaScript + JQuery)。我看到如下代码:

<div class="section">
     <div class="history-giveaway-name">
          <a href="www.google.com">Text!</a>
     </div>
     <div class="history-giveaway-state">
          // More stuff here
     </div>
</div>
<div class="section">
     <div class="history-giveaway-name">
          <a href="www.bing.com">Text!</a>
     </div>
     <div class="history-giveaway-state">
          // More stuff here
     </div>
</div>

我正在尝试从这些 div 中获取数据。我将 div 部分存储为列表，但我不知道如何获取 div，例如“history-giveaway-name”。最终目标是从子级获取数据，例如，来自其中一个 href 的链接。

这是我到目前为止的情况，不确定我哪里出错了。我收到此错误:“”，但检测到的始终是 3。像 type() 这样的 JQuery 方法也不适用于sections[x]。

var detected = 0;
var sections = $('[class$="section"]');
for (var i = 0; i < sections.length; i++) {
    editDialogText(sections[i].type());
    detected += 1;
}

Answer 1

使用 Jquery，您可以使用 .each 进行循环并执行以下操作:

JS Fiddle

var detected = 0;
// Simplify how you specify the section class
var sections = $('.section');

sections.each(function () {
    // Get the URL within that section
    var link = $(this).find('a').attr('href');
    console.log(link);
    detected +=1;
    console.log(detected);
});