私が知っているコードで子要素にアクセスできない

Question

私は現在、私のshopifyアカウントのテーマ内のコードを変更しています。私は特定の要素から子を削除することを検討していますが、その方法を理解することはできません。 Chromeのデベロッパーツールを使用して、要素がどのように配置され、どのように配置されているかを調べることができます。次に、私のコード内でconsole.logを使用して（私はこれで偉大ではない）、私はどこに行く予定です。

ここで、2つの子ノード（下のイメージ）を持つ親ノードに移動しますが、.children（）を使用すると1つの要素だけが返されます。その要素に対して.sibling（）を使用すると（この回避策が私のために働くことを期待していました）何も返されません。 .find（）や要素のクラス名を持つセレクタを使っても何も見つかりません。それは私を絶対に困惑させている。つまり、私がしたいのは、ばかなことを取り除くことだけですが、親に対して.empty（）を実行すると、最初の子は正常に削除されますが、2番目の子は削除されません！私は子供の中を見て、それが何かに愚かなことが起こっていた場合に（もしそれが他のものに属していた/他のどこかに存在していたが、任意の数の要素に加えられたページ上で）。

そのimg.zoomImgの子は何ですか？ devtoolsを使用していることがわかると、なぜコードで何もできないのですか？

ご協力いただきますようお願い申し上げます。ありがとうございます。

Answer 1

EdmCoffはまったく正しいです。私はそれが実際よりも難しくなければならないということを私の頭の中に入れました。私の問題は、実際にオブジェクトがリアルタイムでログに更新されたときに、console.logがスナップショットになることを期待していたことでした。私が自分のものをやっていた場所で、その子供は存在しませんでした。読み込まれたページの後でそれを行うと、子どもが完全に見つかるようになりました。なぜ、それがログを介して存在しているのを知っていたのでしょうか。私はそれを回避するためにいくつかの脳のストーミングを行う必要がありますが、それは私が必要なものです。どうもありがとうございます。