jQuery nextUntil 奇怪

发布于 2024-10-21 02:14:57 字数 1165 浏览 1 评论 0原文

我错过了什么或者这个方法是fubar吗？我无法让脚本正确选择，所以我删除了除 jQuery 1.5 之外的所有内容，并尝试将此作为测试：

HTML:

  <a href="test.php" id="test" class="notActive">test active</a>
  <p><a href="ui.php#content" class="ajax" data-target="loadid">Link 1</a></p>
  <p><a href="widgets.html" class="ajax" data-target="loadid">Link 2</a></p>
  <div id="loadid" class="right bgGreen pad">test;</div>

jQuery:

var z = $('#test').nextUntil('div');

z.css({'background-color' : '#000000' });

console.log(z.html());

Returns:

<a href="test.php" id="test" class="notActive">test active</a>
<p style="background-color: #000000">
<a href="ui.php#content" class="ajax" data-target="loadid">
</p>
<p style="background-color: #000000">
<a href="widgets.html" class="ajax" data-target="loadid">
</p>
<div id="loadid" class="right bgGreen pad">


LOG: <\a href="ui.php#content" class="ajax" data-target="loadid">Link 1</a>

Also,将选择器从 'div' 更改为 'p' 结果为 null...有什么想法吗？

原文

Am I missing something or is this method fubar? I couldn't get a script to select properly, so I stripped everything out except jQuery 1.5 and tried this as a test:

HTML:

  <a href="test.php" id="test" class="notActive">test active</a>
  <p><a href="ui.php#content" class="ajax" data-target="loadid">Link 1</a></p>
  <p><a href="widgets.html" class="ajax" data-target="loadid">Link 2</a></p>
  <div id="loadid" class="right bgGreen pad">test;</div>

jQuery:

var z = $('#test').nextUntil('div');

z.css({'background-color' : '#000000' });

console.log(z.html());

Returns:

<a href="test.php" id="test" class="notActive">test active</a>
<p style="background-color: #000000">
<a href="ui.php#content" class="ajax" data-target="loadid">
</p>
<p style="background-color: #000000">
<a href="widgets.html" class="ajax" data-target="loadid">
</p>
<div id="loadid" class="right bgGreen pad">


LOG: <\a href="ui.php#content" class="ajax" data-target="loadid">Link 1</a>

Also, changing the selector from 'div' to 'p' results null... any ideas?

分享到QQ

分享到微博

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

发布评论

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

白色秋天 2024-10-28 02:14:57

你错过了一些东西。来自 jQuery API 文档：

给定一个代表一组 DOM 元素的 jQuery 对象，.nextUntil()方法允许我们搜索 DOM 树中这些元素的后继元素，当到达匹配的元素时停止通过方法的参数。返回的新 jQuery 对象包含所有后续同级对象，但不包括 .nextUntil() 选择器匹配的对象。

nextUntil() 返回的值包含多个元素，即两个

。记录 .html() 返回的值会产生误导，因为 .html( ) 仅返回集合中第一个对象的内部 HTML。只需记录 jQuery 对象本身，您就应该能够看到其中的内容（至少在 Firebug 中；我不认为 WebKit 的调试器能很好地记录 jQuery 对象）：

console.log(z);

您要选择哪个元素？

You're missing something. From the jQuery API docs:

Given a jQuery object that represents a set of DOM elements, the .nextUntil()method allows us to search through the successors of these elements in the DOM tree, stopping when it reaches an element matched by the method's argument. The new jQuery object that is returned contains all following siblings up to but not including the one matched by the .nextUntil() selector.

The value returned by your nextUntil() contains multiple elements, namely the two <p>s . Logging the value returned by .html()is misleading because .html() returns only the inner HTML of the first object in the set. Just log the jQuery object itself and you should be able to see what's inside it (at least in Firebug; I don't think WebKit's debugger logs jQuery objects as nicely):

console.log(z);

Which element are you trying to select?

回复收藏 0 原文

烛影斜 2024-10-28 02:14:57

嗯，这似乎是对的。根据 http://api.jquery.com/nextUntil/ .nextUntil 选择所有同级，直到但不包括参数选择的元素。因此，如果您执行 .nextUntil('div') 您会选择所有段落（它们是 #test 元素的同级）。如果执行 .nextUntil('p') 则不会选择任何内容，因为在 #test 之后会出现一个段落。

回复收藏 0 原文