jQuery 兄弟选择器问题？

发布于 2024-11-02 03:30:38 字数 439 浏览 0 评论 0原文

我有这个小脚本：

<input name="n1" value="test">
<br/><span></span>
<br/>
<span style="background-color:red">after input</span>

这是 js：

$('input[name=n1] ~ span:first').html('new content');

它有效很好，直到我将“br”（输入后）更改为“p”。这是 jQuery 错误还是我的查询错误？谢谢。

原文

I have this small script:

http://jsfiddle.net/gmAjC/

<input name="n1" value="test">
<br/><span></span>
<br/>
<span style="background-color:red">after input</span>

and here is the js:

$('input[name=n1] ~ span:first').html('new content');

it works fine until I change 'br' (after input) to 'p'. Is this a jQuery bug or my query is wrong? Thanks.

分享到QQ

分享到微博

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

发布评论

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

错々过的事 2024-11-09 03:30:38

这是 jsFiddle 中的 HTML

<span style="background-color:red">before input</span><p/>
<input name="n1" value="test">
<br/><span></span>
<span style="background-color:red">after input</span>

如果我去掉第一行末尾的

，那么如果我更改输入到

之后。

以下示例有效

<span style="background-color:red">before input</span>
<input name="n1" value="test">
<p></p><span></span>
<span style="background-color:red">after input</span>

这是更新的小提琴：http://jsfiddle.net/gmAjC/ 2/

在此处阅读有关自闭合标签的更多信息（以及为什么

无效）：http://www.456bereastreet.com/archive/201005/void_empty_elements_and_self-looking_start_tags_in_html/

Here's the HTML you had in that jsFiddle

<span style="background-color:red">before input</span><p/>
<input name="n1" value="test">
<br/><span></span>
<span style="background-color:red">after input</span>

If I get rid of the <p/> at the end of the first line, then the script works fine if I change the <br/> after the input into a <p>.

The following example works

<span style="background-color:red">before input</span>
<input name="n1" value="test">
<p></p><span></span>
<span style="background-color:red">after input</span>

Here's the updated fiddle: http://jsfiddle.net/gmAjC/2/

Read more info about self-closing tags (and why <p/> isn't valid) here: http://www.456bereastreet.com/archive/201005/void_empty_elements_and_self-closing_start_tags_in_html/

回复收藏 0 原文

~没有更多了~