jQuery：第一个选择器问题
我有以下 HTML，并且我正在尝试定位第一个 << p＞
<div id="div-1">
<h2>Foo</h2>
<p>Bar</p>
<p><iframe></p>
</div>
我尝试使用以下 jQuery:
$("div#div-1 p:first").css('color','red');
它不起作用，所以我认为是 iframe 导致了问题，但后来我尝试将其他内容插入 << p > ，但它仍然不起作用：
<div id="div-1">
<h2>Foo</h2>
<p>Bar</p>
<p><h3>Foobar</h3></p>
</div>
很明显，这是在 < 内嵌套元素的问题。 p>。 我该如何解决这个问题？由于使用 Wordpress，我有点坚持使用嵌套在 << 中的 iFrame。 p >，所以我需要解决这个问题。
I've got the following HTML, and I'm trying to target the first < p >
<div id="div-1">
<h2>Foo</h2>
<p>Bar</p>
<p><iframe></p>
</div>
I tried using the following jQuery:
$("div#div-1 p:first").css('color','red');
It didn't work, so I thought it was the iframe that was causing the issue, but then I tried inserting something else into the < p >, and it still didn't work:
<div id="div-1">
<h2>Foo</h2>
<p>Bar</p>
<p><h3>Foobar</h3></p>
</div>
So obviously it's an issue with nesting elements within a < p >.
How do I resolve this? Due to using Wordpress, I'm kind of stuck with using an iFrame nested inside a < p >, so I need to work around that.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
您的代码工作正常： http://jsfiddle.net/ThiefMaster/EFjsZ/1/
但是你真的应该结束
标签...Your code works fine: http://jsfiddle.net/ThiefMaster/EFjsZ/1/
But you should really end the
<iframe>tag...$div = $("div-1");
var obj = $div.find("p:first");
$div = $("div-1");
var obj = $div.find("p:first");