Resolved jQuery: Why can't I change this link's innerHTML?

The Noob Coder · 10-11-2012, 09:54 PM

I am trying to change the innerHTML of any link that has a certain href. This is the link in the in HTML:

Code:

<a href="#ecwid:category=0&amp;mode=category&amp;offset=0&amp;sort=normal" onclick="javascript: return false;">Store</a>

This is the simple jQuery I am trying to use on it. It works when in other scenarios but not here for some reason and I can't figure out why.

Code:

jQuery(document).ready(function() {
	jQuery('a[href="www.convolutedconstruct.com/store#ecwid:category=0&amp;mode=category&amp;offset=0&amp;sort=normal"]').text("Gallery Shop");
});

I've also tried this without any luck:

Code:

jQuery(document).ready(function() {
	jQuery('a[href="#ecwid:category=0&amp;mode=category&amp;offset=0&amp;sort=normal"]').text("Gallery Shop");
});

Can anyone help me out here?

On the other hand, is there anyway to grab the element by it's innerHTML ("Store" in this case) instead of by its href?

WolfShade · 10-11-2012, 10:10 PM

Anchor tags don't have innerHTML. They have textNodes.

VIPStephan · 10-11-2012, 10:27 PM

Quote:

Originally Posted by WolfShade

Anchor tags don't have innerHTML. They have textNodes.

Well, actually that’s what .text() does. Noob Coder, can you confirm that the selector is actually selecting the element? I think it isn’t because I see href="#ecwid… and you are prepending the domain in the selector: jQuery('a[href="www.convolutedconstruct.com/store#ecwid…

After all, I think it’s pretty risky to use such a specific selector with many query strings etc. I wouldn’t rely on it always looking like that.

DanInMa · 10-12-2012, 01:32 AM

how about mathcing it against the links current text?

Code:

jQuery(document).ready(function() {

jQuery("a:contains('Store')").text('Gallery Shop');
});

xelawho · 10-12-2012, 02:30 AM

Quote:

Originally Posted by WolfShade

Anchor tags don't have innerHTML.

in which browser?

Code:

<body>
<a id="thelink" href="#">link text</a>
<script>
alert(document.getElementById("thelink").innerHTML);
</script>
</body>

or if you prefer:

Code:

alert($('#thelink').html())

The Noob Coder · 10-12-2012, 03:40 PM

@VIPStephen

I know it's not the best way, but the code is in someone else's app that I can't edit. If it was up to me, I definitely would've put a class or id to it, but I can't. Second, I tried both with and without prepending the site's url to the href check. Neither worked.

@DanInMa

Thanks, but it didn't work.

The Noob Coder · 10-12-2012, 03:51 PM

Got it! The problem was that the element I was interested in didn't load yet, by the time that the jQuery was being called.