JQuery :: Why Does String Replace() Not Work For The Results Of The Html() Method
Aug 13, 2011
I've seen an other post talking about not being able to perform a .html().replace() also, but no one replied.
[URL]
Why is this? I ran into the same problem and from what I was seeing, the replace() was only replacing the very first match. My work around was pretty simple, I just keep running replace() until it was done, but I'm dumbfounded as to why this would need to be done.
while (newLastRow.html().indexOf(settings.placeholder) > -1){
newLastRow.html(newLastRow.html().replace(settings.placeholder, curTotal)); }
As with the other post, I'm dynamically adding html to the page using a template, where the replace() method is updating the IDs of the fields when adding a new instance.
What's special about the value returned by the html() method? Is there a different preferred way to do this?
Possible Duplicate: Replace words in a string, but ignore HTML Is it possible to ignore the HTML elements when calling Replace?
Sample code:
$myText.replace(new RegExp( $searchString, 'gi' ), '<span class="highlight">'+ $searchString + '</span>'); $myText is a large string of HTML e.g.: var $myText =
<script type="text/javascript"> var str="Welcome to Microsoft! Microsoft Microsoft"; var stringToBeFound = 'Microsoft' var ReplaceString = 'site' document.write(str.replace(stringToBeFound , ReplaceString )); </script>
My problem is im trying to use string.replace that is not case sensitive and replace every string found. I could use regular expression with it but my stringToBeFound is a dynamic variable im getting it from my database
Im having to create an html page that displays the current date that i need to extract from a .JS file eg: daysOfTheWeek: [Content.dates.sunday] I have to convert this into a string to work on my HTLM page...So far i have managed to get this far
<h4>It is now </h4> <span class="dateHolder"></span> </head>
[I posted this on the Developing jQuery UI forum as well, but perhaps it is more relevant in this forum since it is about the html() method...] Is it possible to "override"/"hook"/"replace" the html() method on particular elements, and if so, how? Or, are there any events raised when the html is changed by a call to html()? The reason I am asking is that I would like to detect when html() is called on an element in order to do some pre-processing before the html is changed and some post-processing after the html has changed. Further background: I am creating a ui widget myDialog, extending ui.dialog.
var myDialog = $('<div></div>').myDialog({...}); And if the user loads or changesthe content with myDialog.html('here is some content');
I ran into a problem that I could not fix myself, I am trying to replace a string with another string, the replace lines look like this:
Code: var word = document.getElementById("word").innerHTML; document.getElementById("word").innerHTML = wordd.replace(/B/g, '<span class="style106">B</span><span class="style107"> </span>'); It works just perfectly if left alone, but I need to replace every letter inside this string, adding those style and span tags around each and every letter. So if I add another line to this code, like this:
I would like to select the text of this td and replace with another string. How can that be accomplished?
<td jscontent="address" style="vertical-align: middle; width: 100%;" jstcache="9">8050 Drexel Ct, Lemon Grove, CA 91945</td> I tried with this without any success: var vtd = $(".googledir tr td:contains('8050 Drexel Ct, Lemon Grove, CA 91945')").html('8050 Blossom Lane, Lemon Grove, CA 91945');
I have the following plugin to "deobfuscate" an email:[code] At the moment I have two problems:
1.I want to being able to use other values than AT and DOT. So instead of having:email = email.replace(/ at /gi, "@").replace(/ dot /gi, ".");I would like to have something like:email = email.replace(/ options.At /gi, "@").replace(/ options.Dot /gi, ".");But this is not working. How can I make it work?
2.What the plugin does is replace:<span class="Email">name at domain dot com</a>[code]
i have phone number on the page. Let's say 0208 123 45678 and i want to replace it with 0207 123 9999. Thing is, phone number is not in one type of tag, id or class.All i can tell you, it is somewhere throughout the body tag.
I am running a search on my web site which uses jQuery to take the search terms and build up a URL based on them. For example, if someone searches for "chair" my URL will be appended with /chair/. However, if someone searches for something which is two words, for example "chair covers" I need the space in between to be replaced by a "+" sign so the URL will now be appended with /chair+covers/ I'm not sure if it is possible to string replace in jQuery?
Here is my current code: function sendSearchInput(whichelement,hiddeninput,formid) { hval = $("#"+hiddeninput).val(); $("#"+formid).submit(function() { if ($("input:#"+whichelement).val() != hval) { var searchval = $("#"+whichelement).val().toLowerCase(); $("#"+formid).attr("action","retail/search/"+searchval+"/"); return true; } $("input:#"+whichelement).focus(); return false; });}
This will basically check that the form is not the default value (specified in the hidden field "hval") and then change the search term to lowercase and append the URK using "attr". I have tried a couple of methods including var test = searchval.text().replace(' ','+'); And then trying to alert "test" to check it but the function just simply doesn't work.
I have two arrays and text variable.I need find all substrings from first array and replace them with corresponding substrings from second array in this variable.In php it would be$text = str_replace ($array1, $array2, $text);I know it is more complicated in javascript, and i have little experience in it.
I don't think this is "do-able" but thought I'd better check. Say I want to replace certain names in some source code as long as they are not properties (dot properties) of objects. I could use a regular expression like:
source = source.replace(rx, function ($0, $1) {return $1? $0:map[$0]});
Dot properties like .name1 are not replaced by anything new and they need to be "skipped" over by this regular expression but other name1 identifiers need replacement with "a".
One problem with this approach is that dot properties like .name1 are replaced by themselves and this is just unnecessary work. Something like a "false" return to skip replacement would be nice but the following doesn't work.
source = source.replace(rx, function ($0, $1) {return $1? false:map[$0]});
There are other ways to get around this by using something else besides replace() but I wanted to see if it could be done with the replace() method.
I'm trying to learn jQuery and am currently attempting to clone a div and then find and replace part of a string. The cloning part works, but I can't seem to get it to alter the text... In the html below, I'm trying to find all instances of issue-0, issue_0, or issue[0] (whether it's a name or an ID) and replace it with issue-1, issue_1, or issue[1] (depending on the character found after "issue")
I'm trying to figure out how I replaces/removes parts of text in string in realtime using jQuery. This is what I got now:
PHP Code: $str = 'This is a <b>test</b>. Its not going well!'; echo '<div class="element">'; echo '<span>'.$str.'</span>'; echo '</div>'; echo '<p>Remove</p>'; Code JavaScript: $('p').click(function() { $('.element span').each(function() { var test = array('<b>','</b>','well'); //var test = 'not'; console.log($(this).text()); var text = $(this).text().replace(test, ''); $(this).text(text); }); });
The problem: As above nothing happens. If I use the var test = 'not'; instead of the array part it works except it also removes the <b> tags? How do I get the array part to work and why is it removing htmltags when executed?
I have an input box with a 'did you mean' box that pops up under it, and it pulls it's results from another php page, however when a term with a space in it, such as "I am" vs. "Im" is entered, it stops working. This is the code I'm using to pull the results. So I made a added a simple string replace to change each space into '+'; search = $('#search').val().replace(' ','+'); search.keyup(function() { results.load('results.php?q=' + search); }); But for some reason it is only changing the first space into a '+'; so for example: "Hello how are you" = "Hello+how are you". But I need it to change to "Hello+how+are+you";
In the code below I am trying to show the echo statement from a php file. The ajax call works when I use the alert(), but I am trying to put it in a div tag but not working.
I want to enhance the script to increment the index of the last List element in the last row of my table.
Here's my jsp snippet:
My jQuery script is as follows:
The table i want to insert a row to has class 'tableAddRow' and the button that adds a new row has class 'addRow'. The problem I'm having is that when i click the addRow button, the browser freezes and a popup to stop the script comes up.
I encountered some code in "Javascript the good part" from Douglas Crockford.There is a way to passing callback function as second argument to string.replace() method.
Code:
var entity = { quot: '"', lt: '<',
[code]....
1. How do I know what the number of parameters should be in callback function ( function(a,b) ) ?
2. How do I know what will be passed in as a and b when I am defining the callback function?
I tried this code in [URL]... jquery reports as 4 elements in firefox/chrome browsers correctly where as 0 in internet explorer 6.0 How do i fix this? Should I report this as bug?
Unfortunately that doesn't work. I understand that the index() isdocumentation (though confusing) correctly tells you that the above code doesn't work. Maybe I'm just weird, but I feel that the way .index() is implemented for string arguments is very counter intuitive. I have an expectation that .index() is similar to indexOf() in javascript.
I've been using a hidden iframe for remote server scripting - how i've been doing it is that a load(); function changes the src component of the iframe with $_GET variables to pass to PHP:
The frame itself then has an "onload" function that calls a doLoad(); function that handles receipt of any information back from the server. declared this way:
The trouble with this as you may guess is that the page was reloading every time src was changed and the history list of the browser was messed up. So I did some research and came up with this method that solves that problem:
