如何使用Javascript动态生成的Jquery修改对象?

如何使用Javascript动态生成的Jquery修改对象?,jquery,algolia,Jquery,Algolia,我想将文本附加到由浏览器中的Algolia搜索创建的对象。这是Algolia创建的块: <div id="editing-view-port"> <div></div> </div> 其中e.results[0][0]。transcript是我的字符串。我可以将其附加到不是由Algolia搜索创建的对象。我怀疑这与委托或事件绑定有关,但我不确定如何实现这一点 为清晰起见,更新: 这就是我如何测试Algolia创建的对象与我创建的对象 我的

我想将文本附加到由浏览器中的Algolia搜索创建的对象。这是Algolia创建的块:

<div id="editing-view-port">
    <div></div>
</div>
其中e.results[0][0]。transcript是我的字符串。我可以将其附加到不是由Algolia搜索创建的对象。我怀疑这与委托或事件绑定有关,但我不确定如何实现这一点

为清晰起见,更新:

这就是我如何测试Algolia创建的对象与我创建的对象

我的JS:

$(document).find('#editing-view-port > div').append(e.results[0][0].transcript); // this is an Algolia object
$(document).find('#my-object > div').append(e.results[0][0].transcript); // this is an object created by me
字符串是“test”

生成的HTML:

<div id="editing-view-port">
    <div></div>
</div>

<div id="my-object">
    <div>test</div>
</div>

您的问题似乎是在执行insert脚本时元素不存在。当您使用浏览器检查器检查HTML时,元素就在那里。因此,元素是在两者之间创建的。你需要知道它何时被插入,然后插入你的文本。如果你不能准确地得到那一点,你应该试着去发现它。 有关详细信息和可能的解决方案,请参见:


编辑:请在评论中说明如果你否决投票,应该修改什么。Thx.

元素是如何在dom中创建的,这与能否操作它无关。jQuery是javascript,但这与这个问题无关。如果它存在于dom中,您可以修改它。验证您的查找是否正在查找要更改的元素,以及e.results[0][0]。transcript是否包含要放入其中的正确字符串。如果这两件事中的任何一件都不正确,那么您试图找到一个尚不存在的元素,或者您使用的选择器不正确,我知道JQuery是JS,但我试图在我的标题中做到精确,因为Algolia搜索使用直接向上的JS生成元素,而我使用JQuery进行修改。是的,我的字符串有一个值,因为我可以将它附加到非动态生成的对象。如上文所示,该项确实存在于DOM中#editing view port>div,但是,它在页面加载之后才存在。换句话说,我可以在Chrome的“元素”选项卡中看到它,所以我假设它在DOM中?我还假设我正在使用'>'正确地引用子元素?
是指示直接子元素的运算符。那么您已经验证了选择器正在查找元素?你是如何验证的?元素是什么时候生成的?元素在我的HTML中不存在,所以我假设它是由加载的Algolia脚本生成的?这。。。“答案”不能提供解决方案。它只是用不同的词解释了op所处的情况。严格地说,op还不知道真正的问题。我的回答是肯定的。所以它实际上是一个复制品如果它是一个复制品,关闭它,但我不认为它是。这个问题太不清楚,不能重复。据我们所知,他们使用的这个工具可能有一个可以使用的回调。
<div id="editing-view-port">
    <div></div>
</div>

<div id="my-object">
    <div>test</div>
</div>
#shadow-root (user-agent) == $0