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，例如＆＃34; history-giveaway-name＆＃34;。最终目标是从子节点获取数据，例如，来自其中一个href的链接。

这是我到目前为止的地方，不知道我哪里出错了。我收到这个错误：＆＃34;＆＃34;，但检测到的总是3.类型（）之类的JQuery方法也不适用于[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);
});

Answer 2

我不确定你想要达到什么目标。我在jsfiddle中复制了你的代码并且没有收到任何错误：https://jsfiddle.net/fezhvm71/

这就是我得到的：

Text!
// More stuff here
Text!
// More stuff here

JQuery操纵Div Set的孩子们

2 个答案: