Search jQuery

jQuery Forum

Using jQuery

caruga

Re: add, insertBefore: Thought these were functionally equivilent, but no.

in Using jQuery • 10 years ago

$(anchor).text(txt);
$(links).append($("<span>"+ pretxt + "</span>")).append(anchor);

works. this is the workaround code I ended up using.

The following only shows pretxt, seemingly losing the original anchor node:

t = anchor;
anchor = $("<span>"+ pretxt + "</span>").insertBefore(t);
$(links).append(anchor);

(Using 'add' instead of 'insertBefore' in the above code procures the same result).

What have I not understood?

Also kinda irks me that the official jquery docs never tell me anything about the return values of functions, it just lists a cryptic 'jquery' as the return value for pretty much everything.

Another thing: is there a way to prepend text to an element without creating an element? The "span" is only there so that jquery lets me do it with a constructor.

Replies(7)

Godsbest

Re: Re: add, insertBefore: Thought these were functionally equivilent, but no.

10 years ago

.append( content [, content] )

Description: Insert content, specified by the parameter, to the end of each element in the set of matched elements.

.insertBefore( target )

Description: Insert every element in the set of matched elements before the target.

.prepend( content [, content] )

Description: Insert content, specified by the parameter, to the beginning of each element in the set of matched elements.

caruga

Re: Re: Re: add, insertBefore: Thought these were functionally equivilent, but no.

10 years ago

I've already read the docs. And this is supposed to help me how? It's the return values that matter.

dsvick

Re: Re: add, insertBefore: Thought these were functionally equivilent, but no.

10 years ago

The return value of those function is a jQuery object, the definition is here: http://api.jquery.com/Types/#jQuery
It is returning that that makes things like chaining possible.

You need to have the "span" in the insertBefore method because you are actually creating a selector that specifies the content. That selector returns a matched set of elements that is then inserted before the target.

Hope that helps

dsvick

Re: Re: add, insertBefore: Thought these were functionally equivilent, but no.

10 years ago

Forgot one thing...

the add method doesn't add anything to an element, think of if concatenating matched sets together.

If you post more of your code and the markup we can probably figure out why it wasn't working like you expected.

Dave

caruga

Re: Re: Re: add, insertBefore: Thought these were functionally equivilent, but no.

10 years ago

If you post more of your code and the markup we can probably figure out why it wasn't working like you expected.

Well I did figure out a solution, I was merely curious as I thought the two were the same.

I though a.append(b) concatenates a and b and returns an array (or is it a linked list? I don't know how the internals work) starting at a. And that b.insertBefore(a) would concatenate b to a and return b.

I don't think I even remember the solution I was working on back when I wrote this post. Been up coding the last 20 hrs so my brain is a bit mushy...

Godsbest

Re: Re: add, insertBefore: Thought these were functionally equivilent, but no.

10 years ago

I am sorry, I must be mistaken. Can you please create a jsfiddle illustrating you issue.

caruga

Re: Re: add, insertBefore: Thought these were functionally equivilent, but no.

10 years ago

The return value of those function is a jQuery object, the definition is here: http://api.jquery.com/Types/#jQuery

Yeah, as I said I think that's an inadequate explanation of what is returned. Saying it is a jquery object tells me what the data-type is, not what the data is. Doesn't say whether it's a copy or the original, whether it's the first parameter or the second or the object the method is called in, etc. Granted I have figured some of that out by now, the point is, the documents don't say any of it.

Top Reply

Response title

Attachments

jQuery Forum

Re: add, insertBefore: Thought these were functionally equivilent, but no.

Replies(7)

Re: Re: add, insertBefore: Thought these were functionally equivilent, but no.

Re: Re: Re: add, insertBefore: Thought these were functionally equivilent, but no.

Re: Re: add, insertBefore: Thought these were functionally equivilent, but no.

Re: Re: add, insertBefore: Thought these were functionally equivilent, but no.

Re: Re: Re: add, insertBefore: Thought these were functionally equivilent, but no.

Re: Re: add, insertBefore: Thought these were functionally equivilent, but no.

Re: Re: add, insertBefore: Thought these were functionally equivilent, but no.

Statistics

Tags

Actions