2017-09-28 13 views
0

我目前正在更改我的shopify帐户的主题内的代码。我期待从特定元素中移除一个孩子,但无法弄清楚如何去做。使用Chrome的开发工具,我可以查看元素的排列方式和工作方式。然后,在我的代码中使用console.log(我不擅长这个),我可以遍历我想要的地方。无法通过我知道存在的代码访问子元素

现在,我得到有两个孩子的父节点(下图),但使用.children()只返回一个元素。在那个元素上使用.sibling()(我希望这个解决方法最终会以某种方式为我工作)不会返回任何内容。甚至没有使用.find()或具有元素类名的选择器找到任何东西。这绝对让我困惑。我的意思是,我想要做的就是删除这个愚蠢的东西,但是在父节点上执行.empty()成功地删除了第一个孩子,但第二个孩子却什么都没做!我仔细查看了孩子的内部,并仔细检查了它是否正确地记录了我期望的父母,以防万一发生这样的愚蠢事情(就好像它属于别的东西/存在于其他地方,但被添加到任何数量的元素中在页面上)。

children of parent node

那是什么img.zoomImg孩子???为什么我不能通过代码做任何事情,当我看到它使用devtools存在时呢?

任何帮助将不胜感激,谢谢。

+1

您确定该节点在您的代码运行时存在吗?是否有可能运行代码,然后运行其他代码来添加节点? – EdmCoff

+0

你在Chrome浏览器中看到的是javascript之后的html。但是如果你禁用Javascript,它仍然存在吗?也是一个网址会有帮助 – hanshenrik

+0

zoomImg不在iframe中,是吗?一个iframe是它自己的小沙箱,所以它外面的代码通常不会碰到内部的东西。 –

回答

0

EdmCoff是绝对正确的。我认为它比实际上要困难得多。我的问题是,我期待console.log快照,实际上对象在日志中实时更新。在我做我的东西的地方,那个孩子不存在。在页面加载后稍后再做,导致孩子被完全找到,因此我为什么认为我知道它是通过日志存在的。我必须做一些脑力激荡来解决这个问题,但这正是我需要的;非常感谢。