<div class="Test">
name - date //First name ,Last name - 7/24/2013
<button type="button"/>
How do i update the part of HTML text inside DIV using Jquery.
I need to update the date section alone inside the div. What i tried is like having the date section in a span with class name and update the text.
But there must be a way to update the text without having <span> .
Am looking for a fix without using
Thanks
I will suggest you a bit of different way, using regular expression. (Although probably the best way is to use an extra span element.)
var testPattern = /date/;
var divToTest = $('.Test').html();
divToTest = divToTest.replace(divToTest.match(testPattern),'yourDate');
$('.Test').html(divToTest);
Also keep in mind, that if the date is for example dd.mm.yyyy format , you just need to change your reg exp for the specific format. Hope that helped :). (EDITED: Thanks to @Geoff Appleford)
$('.Test').html(divToTest);
Well, there is a way but i really suggest you to use extra span element.
Create function that fills your div with text
function fillDiv(date) {
var html = 'Your text here and after that put ' + date;
$('#myDiv').html(html);
}
And call this function on page load and on every next change.
Try
var node = document.createTextNode("asdf");
$($('.Test').contents().get(0)).replaceWith(node)
Demo: Fiddle
If your content has exactly structure like name - date, so you can split your content by - and then replace the second item in your array. Finally you can merge items into a string.
Expanding on what Phong said, the code to do so would look something like:
var children = $('.Test').children();
$('.Test').html($('.Test').html().split('-')[0] + '- ' + newDate).append(children);
That said, this should only be used if for some reason you can't wrap the date in a span.
button
Try this
var dateTxt = $('.Test').text().split('-');
$('.Test').text(dateTxt[0] + ' - date');
