CODEWITHSUNDEEP
jquery
user2851355
user2851355

Reputation:

replace the element instead of append

I have the following code where i need to replace the newly created TD column with the new option from the dropdown select. Here is my code 

$("#myselction").change(function(e) {
    var neData = $("#myselction").val();
    $("table.data thead tr").append("<th>Idea</th>");
    $("table.data tr:gt(0)").append("<td>" + neData + "</td>");
});

It is appending the data correctly at the end of the table, but everytime i select new option from dropdown, it adds another td column, instead i want to replace it with the one already created and if its new one create it first time.

Alo i am using the following function to add/remove class for odd and even 

    zebRaRows('.data tbody tr:odd td', 'odd');
function zebRaRows(selector, className){
  $(selector).removeClass(className).addClass(className);
}

How do i add the above to the dynamically created column

Upvotes: 0

Views: 4132

Answers (3)

nbrooks
nbrooks

Reputation: 18233

Your desired behavior is different depending on whether it is the first time the action is occurring or not. In this case, have a boolean flag which records the first time the event occurs. The first time, append the new <td>; subsequent times, overwrite it.

jsFiddle

var firstTime = true;

$("#myselction").change(function(e) {
    var neData = $("#myselction").val();

    if (firstTime) {
        $("table.data thead tr").append("<th>Idea</th>");
        $("table.data tr:gt(0)").append("<td>" + neData + "</td>");
        firstTime = false;
    }
    else {
        $("table.data tr:gt(0) td:last-child").html(neData);
    }
});

Upvotes: 1

Zaheer Ahmed
Zaheer Ahmed

Reputation: 28548

you need to replace append() which append with html() which replace.

try:

$("selector of element to replace").html("<td>" + neData + "</td>");

Here is fiddler for html demo

Upvotes: 2

CY5
CY5

Reputation: 459

use .html() to create a new .

$("table.data tr:gt(0)").html("<td>" + neData + "</td>");

Upvotes: 0

Related Questions