jQuery选择器不起作用？

Question

Let's say I've a few

<p> Hello </p>
<p> Hello </p>
<p> Hello </p>
<p> Hello </p>

I want to replace one "Hello" by "Good bye".

So => $('p')[2].html('Good Bye');

It is not working why? Why should I must use the eq: selector?

It's working when I do that

$('p:eq(3)').html('Good bye')

Answer 1

You are trying to use html() method with javascript object which is supposed to be used with jQuery object, you can use innerHTML with javascript object so you need this,

Live Demo

$('p')[2].innerHTML = 'Good Bye';

Answer 2

当您使用括号时，您没有收到jQuery对象，您会收到原始的javascript对象，例如，如果您想使用您应该使用的表单中的提交javascript函数

jQuery('form')[0].submit()

Answer 3

js object doesn't have html() method,only JQ object has.

so ,you can do it like this:

$('p').eq(2).html('hello,I am Chinese');

Answer 4

或者您可以使用：

$( $('p')[2]).html('Good Bye');