Modify dynamically added content - dynamic

Question

I have used the search.. and tried many things.. but I just dont get it to work. Here is what I do:
On change of a select, I request some Data, in JSON-Format.
After that, I call a function:
if (result.events) {
$('#filter_result').trigger('put_result', result);
}
In put_results() I build the HTML:
$('#filter_result').bind('put_result', function (e, data) {
html = '<h1 class="header_dates">Termine</h1>';
// and some more
$(this).html(html).stop(true, true).stop(true, true).slideDown();
}
What I want to do now, is modify part of the #filter_result HTML. I want to look in one that was build, and get the value.
The HTML markup that is inserted looks like this:
<table>
<thead>
<tr>
<th>Großraum</th>
<th>Thema</th>
<th>Termin</th>
<th>Anmeldung</th>
</tr>
</thead>
<tbody>
<tr class="last">
<td class="key_0">Berlin</td>
<td class="key_1">273</td>
<td class="key_2">27.04.2012</td>
<td class="key_4">Jetzt anmelden</td>
</tr>
</tbody>
</table>
To do that, I have written a function that gets called just after the "trigger" line. I thought about something like:
function unsetlink(){
if(Date.parse($('.key_2').live().HTML()).equals(Date.today().add(2).days())) {
alert('false');
}
else {
alert('true');
}
}
I use date.js for date comparison. The functions logic is working, thats not the problem. Its just that I think i'm using live at the wrong place or something like that. I just cant find an answer.. Anything that could help is welcome.
Thank you.

Answer 1

Given your updates, and making the assumption that the content exists when you call it, the function should be:
function unsetlink() {
if (Date.parse($('.key_2').text()).equals(Date.today().add(2).days())) {
alert('false');
} else {
alert('true');
}
}
Here is a hacked together test for the function: http://jsfiddle.net/MarkSchultheiss/86mDa/
EDIT2: Here is an example of processing multiple injected content groups: http://jsfiddle.net/MarkSchultheiss/86mDa/3/
Here is the code in that example:
function unsetlink(daysadvance) {
$('.key_2').each(function() {
if (Date.parse($(this).text()).equals(Date.today().add(daysadvance).days())) {
$(this).addClass('showFalse');
$('#me').text($(this).text());//this is just to show what we are processing currnetly
alert('false');
} else {
$(this).addClass('showTrue');
alert('true');
}
})
}
$('#me').after('<table><thead><tr><th>Großraum</th><th>Thema</th><th>Termin</th><th>Anmeldung</th></tr></thead><tbody><tr class="last"><td class="key_0">Berlin</td><td class="key_1">273</td><td class="key_2">27.04.2012</td><td class="key_4">register</td></tr><tr class="last"><td class="key_0">Berlin</td><td class="key_1">273</td><td class="key_2">28.04.2012</td><td class="key_4">register</td></tr></tbody></table>');
var daysadvance = 3;
unsetlink(daysadvance);

Answer 2

I think you want to access some elements that will be added to the DOM inside the custom event put_result.
If that is the case, then I suggest you write a callback function to the put_result event which will be called after you append to DOM. See below,
$('#filter_result').bind('put_result', function (e, data, callback) {
html = '<h1 class="header_dates">Termine</h1>';
// and some more
$(this).html(html).stop(true, true).slideDown(); //removed one .stop(true, true)
callback(); //invoke the callback at the end or when needed accordingly
});
And in the trigger,
//unsetlink is your callback function - Change it to an inner function
//if you want to do more and then call unsetlink at the end.
$('#filter_result').trigger('put_result', [result, unsetlink]);
And change your unsetlink function as
function unsetlink(){
if(Date.parse($('.key_2').text()).equals(Date.today().add(2).days())) {
alert('false');
} else {
alert('true');
}
}