jquery正确的链接？

发布于 2024-12-29 01:25:00 字数 275 浏览 1 评论 0原文

我有以下内容：

$("#modal-controls").html(html)
  .find("#pic_caption").val(data.pic_caption)
  .find("#pic_desc").val(data.pic_desc);

基本上，我更改某些内容的 html，搜索输入并更改它们的值。它更改了第一个输入，但不会继续更改第二个输入，我将如何使用链接正确编写它？或者我必须将它分成 2 个不同的 jQuery 对象？

谢谢。

原文

I have the following:

$("#modal-controls").html(html)
  .find("#pic_caption").val(data.pic_caption)
  .find("#pic_desc").val(data.pic_desc);

Basically, I change the html of something, search for inputs and change their values.
it changes the 1st one, but doesn't proceed to change the 2nd input, How will I go about writing it properly using chaining? or must I seperate it to 2 different jQuery objects?

Thanks.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

素染倾城色 2025-01-05 01:25:00

您的问题是因为第一个 find() 将当前链放置在 #pic_caption 处。使用 end() 返回上一个选择器链，例如

$("#modal-controls").html(html)
  .find("#pic_caption").val(data.pic_caption).end()
  .find("#pic_desc").val(data.pic_desc);

Your problem is because the first find() places the current chain at #pic_caption. Use end() to return to the previous selector chain, eg

$("#modal-controls").html(html)
  .find("#pic_caption").val(data.pic_caption).end()
  .find("#pic_desc").val(data.pic_desc);

回复收藏 0 原文

岁月打碎记忆 2025-01-05 01:25:00

看看 jQuery.fn.end()。您可以将其添加到链中以恢复到上一组匹配的元素。

$("#modal-controls").html(html)
  .find("#pic_caption").val(data.pic_caption).end() //<--
  .find("#pic_desc").val(data.pic_desc);

Have a look at jQuery.fn.end(). You can add it to the chain to revert back to the previous set of matched elements.

$("#modal-controls").html(html)
  .find("#pic_caption").val(data.pic_caption).end() //<--
  .find("#pic_desc").val(data.pic_desc);

回复收藏 0 原文

风筝在阴天搁浅。 2025-01-05 01:25:00

假设你的 HTML 结构是这样的：

<div id="modal-controls">
    <input type="button" id="pic_caption" value="">
    <input type="button" id="pic_desc" value="">
</div>

你需要使用 jQuery end() (DOCS< /a>) 将过滤器返回到链接 find() 的原始选择器：

$("#modal-controls").html(html)
  .find("#pic_caption").val(data.pic_caption)
  .end()
  .find("#pic_desc").val(data.pic_desc);

Assuming your HTML structure is like this:

<div id="modal-controls">
    <input type="button" id="pic_caption" value="">
    <input type="button" id="pic_desc" value="">
</div>

You need to use jQuery end() (DOCS) to return the filter to the original selector for the chained find():

$("#modal-controls").html(html)
  .find("#pic_caption").val(data.pic_caption)
  .end()
  .find("#pic_desc").val(data.pic_desc);

回复收藏 0 原文

音盲 2025-01-05 01:25:00

您的选择器不会循环匹配所有匹配项，而只会命中第一个匹配项。假设您有多个模态控件，请尝试这个...

$("#modal-controls").each(function(index){
  $(this).html(html)
  .find("#pic_caption").val(data.pic_caption)
  .find("#pic_desc").val(data.pic_desc);
});

Your selector is not looping through the matches, it is only hitting the first one. Try this one assuming you have multiple modal-controls...

$("#modal-controls").each(function(index){
  $(this).html(html)
  .find("#pic_caption").val(data.pic_caption)
  .find("#pic_desc").val(data.pic_desc);
});

回复收藏 0 原文

~没有更多了~