Question

Goal, is to extract the content for the CKEDITOR Text Editor, and then only obtain the FIRST paragraph. For some reason the bellow isn’t working… Ideas?

Given the following JavaScript:

var newTitle = CKEDITOR.instances.meeting_notes.getData(); 
newTitle = $(newTitle).find("p:first").text();

Answer 1

It doesn’t work because find() searches the descendants and your paragraph must be at the top level of the HTML you’re searching.

For example:

alert($("<p id='one'>one</p><p id='two'>two</p>").find("p:first").attr("id"));

returns “undefined” whereas:

alert($("<p id='one'>one</p><p id='two'>two</p>").filter("p:first").attr("id"));

will output “one”.

So you could use filter() if you know it’s at the top level (possibly falling back to find()). Alternatively you could wrap the whole lot up in a dummy element:

alert($("<div>" + html + "</div>").find("p:first").text());

Edit: My advice? Use:

newtitle = $(newtitle).filter("p:first").text();