次のようなエントリがたくさんある HTML ページがあります。

このリンクをすべて置き換えたいので、代わりに次のようにします。

したがって、これは非常に複雑な検索と置換です。これらは人間のための指示です:

1. URLを見てください。「asin=」の後の数字だけをメモしておいてください。(その前も後も全部忘れて)
2. 次に、この ASIN を使用して新しい URL を作成します。それは常に次のように始まります： https://www.example.co.uk/gp/wine/order?ie=UTF8&asin=

最後に番号を貼り付けてフォームを作成します。

ご注意ください

• 既存のボタンを変更するのではなく、元のボタンの近くに新しいボタン [またはリンク] を追加することもできます。
• 元のリンクと新しいリンクの両方が同じドメインを指している
• FluidApp という SSB で Greasekit を使用していますが、FireFox では Greasemonkey に切り替えることができます。

40 本の JavaScript チュートリアル ビデオを見たところですが、この言語は難しいです。これは非常に難しいようです。ヘルプ/ポインタをいただければ幸いです。

私が人間に指示を出すとしたら、次のように言います。

1. <span>Dispatch to this address</span>リンクを探します。表示されたらクリックします。（そのようなリンクが複数ある場合（たとえば2つある場合）、最初のリンク（またはそれらのいずれか）をクリックするだけです

私は Greasekit を使用しているので、JavaScript を使用してこれを行うことを検討しています。

ありがとうございました！

私はGreaseKitを使用しています（だからJavaScript）

ステップ #1 文字列を探します & ステップ #2 ボタンをクリックします

この HTML ページが読み込まれるとき、次のいずれかの場合:

• Only 3 Leftまた
• Only 2 Leftまた
• Only 1 Left

が表のセルに表示されていて、その同じセルにが表示されているボタンがclass="PrmryBtnMed"ある場合は、el.click();

<tr>タグの中を見るだけでいいですか？

そうでない場合は、別の方法として、目的の文字列のすぐ下または直後に表示される最初のボタンをクリックすることもできます。

更新: @Bergi のおかげで、次のように使用できるようです: var LookInCells = document.getElementsByTagName('tr');

そのボタンについて: どの属性を探すべきか?

html のビットは次のようになります。<a href="/gp/wine/taste-next-123/" class="PrmryBtnMed" id = "product-B00123456"><span>Send me this item</span></a>

で、ボタンの属性を考えると

これらは常に同じです。

• class="PrmryBtnMed"
• <span>Send me this item</span></a>

これらは常に変化するため、無視することもできます。

• リンク先 (例: a href="/gp/wine/taste-next/")
• ID は常に「id = "product-B00123456"」になります。

このページを見ると、ページごとの結果を表示するドロップダウンがあります。10、20、または 50 のいずれかです。

1 ページあたり 50 個の選択をシミュレートする Greasemonkey のようなスクリプトが必要です。

簡単に参照できるように、ページの HTML の一部を以下に示します。

どうすればこれを達成できますか？

編集

20 を超えるアイテムでURL が更新されました

これは Fluid.app の Greasekit 用です(これは非常に古いですが、使用に制限されています)。ブロックは、それが非常に古く、更新されていないことを確実に伝えています。（jQueryすら使えないと思います）

このページsend me this thingが読み込まれると、新しいウィンドウ (または新しいタブ) で開いている間、ボタンのクリックを自動的にシミュレートしたい

• send me this thingそのようなページにはボタンが1つしかありません

何のために？

これは Fluid.app のGreasekit用で、Greasemonkey に似ています。

このページを見ると、下部に空白がたくさんあります。

そのページでGreasemonkeyのようなスクリプトを使用したいと思います。これは、その空白の一部を利用し、そこに別のページをロードします（iFrameのようなものを使用）。

• そのiFrameタイプのもの（下3分の1）にロードしたいURLは、常にView Amazon Product Page指しているものです。
• そのため、コードでページを見て、そのリンクが指している場所を見つける必要があります。（これは変化するビットであるため）
• iFrameタイプのものは下3分の1に入れたいです。(それは、下の 4 分の 1、下の 5 分の 1 になる可能性があります.. 文字通りという意味ではありません..!)

これについてブレインストーミングを行うのを手伝っていただければ、とても感謝しています。

オプションの読み取り

GreaseMonkey ほどではありませんが、

これは Fluid.app の Greasekit 用です(これは非常に古いですが、使用に制限されています)。グリースキットと非常に似ているため、おそらくそれを知る必要さえありません。したがって、この質問の目的のために、そうであるふりをすることができます.

唯一の違いは、このビットを実行する必要がないことです。

私の答えの試み

私の Greasemonkey のようなスクリプトでは、Amazon.co.uk で https ページを読み込んでおり、リンクされたページに商品の価格を表示したいと考えています。

私がこれまでやってきたこと：

iFrame を使用してウィンドウを表示しようとしました:

このアプローチの問題点は、うまくいくこともありますが、iFrame のコンテンツが雑然としているため、必要なものが一目でわかりません。

すぐに見たいもの: £2.85

リンクされたページがhttps://www.amazon.co.uk/gp/product/B001AM72BM/

前述のページからの関連する HTML スニペット:

正確には、価格のみが表示されるように iFrame を解析するにはどうすればよいですか? (または、そうでない場合は、ページのごく一部)

この例で表示したい重要な情報は、£2.85です。

背景：Greasemonkeyに似たものを使用しています

これは Fluid.app の Greasekit 用です(これは非常に古いですが、使用する必要があります)。グリースキットと非常に似ているため、おそらくそれを知る必要さえありません。したがって、この質問の目的のために、そうであるふりをすることができます.

ノート

ソースページと iFrame ページはどちらもhttps://amazon.co.uk * です。具体的にはログインが必要になるため、リンクできません。

必要に応じて、ドロップボックスのページのミラーにアクセスできます。明らかに、同一オリジン ポリシーのため、このミラーでは機能しない可能性があります。