Question

我创建了一个Chrome扩展程序，可以在本地保存关键字。

我想使用此信息在网页中搜索此关键字（作为字符串）。当找到关键字的实例时，我想跟随与之关联的链接。

我假设关键字只会有一个匹配项，并且该关键字将始终与href链接相关联。

例如，HTML页面中的代码如下所示

"Cargo Pant"

问题如何使用关键字bin/flume- agent --conf ./conf/ -f conf/twitter.conf Dflume.root.logger=DEBUG,console -n TwitterAgent来查找此元素并导航到此元素中的href链接。

Answer 1

这是不最优雅的答案，但它会引导您完成很多示例，我希望这些示例可以帮助您了解我们在每个阶段的工作。

你可以通过使用更好的jQuery选择器等来改进这一点但是对于初学者来说它们都变得难以理解所以我希望这种冗长，笨拙的方法更好地理解思考过程中的步骤然后你可以在了解每一步发生的事情的同时减少它，然后研究如何使其更好。

<html>
  <ul>
    <li>
      <a href="http://google.com.au" class="name-link">Utility Kilt</a>
    </li>
    <li>
      <a href="http://google.com.au" class="name-link">Cargo Pant</a>
    </li>
    <li>
      <a href="http://google.com.au" class="name-link">Dress Pant</a>
    </li>
  </ul>

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  <script>
    $(document).ready(function() {
      'use strict';
      var keyword = 'Cargo Pant',
          matches = $('a');
      alert('found this many anchor tags = ' + matches.length);
      matches.each(function(){
        alert('text in this element = ' + this.text);
        if (this.text === keyword) {
          alert('text in this element = ' + this.text +
            ' matches this keyword = ' + keyword);
          alert('about to navigate to = ' + this.href);
          location.href = this.href;
          return false;
        } else {
            alert('text in this element = ' + this.text +
              ' does NOT match this keyword = ' + keyword);
        }
      });
    });
  </script>
</html>

如何指向某个字符串，然后导航到该字符串

1 个答案: