Bewerkbaar en niet-bewerkbaar invoerveld en selecteer

I have a table, you can see it there: http://jsfiddle.net/webYa73/xuw23/

We kunnen elke rij bewerken en de wijzigingen opslaan.

Ik zou graag zien dat het invoerveld en het selectievak ook in het niet-bewerkbare geval met een andere letterkleur kunnen worden gebruikt, hoe kan ik dit in Javascript doen?

 2
toegevoegd bewerkt
Bekeken: 1
de bron
Wat! uw advertentie op basis van dezelfde code, doe uzelf een lol en blijf bij een discussie en anderen proberen te helpen
toegevoegd de auteur david, de bron

1 antwoord

Heeft u overwogen om jQuery te gebruiken? Het zou zoiets veel gemakkelijker maken.

Bijvoorbeeld: om een ​​rij te verwijderen - in plaats van:

e.parentNode.parentNode.parentNode.removeChild(e.parentNode.parentNode);

het kan worden vereenvoudigd om:

$(e).closest("tr").remove();
0
toegevoegd
de bron
Kun je uitleggen hoe het het makkelijker zou maken?
toegevoegd de auteur Ivan, de bron
Een voorbeeld toegevoegd. Als er geen reden is waarom ze jQuery niet kunnen gebruiken, is een antwoord gemakkelijker te suggereren dan het doen met onbewerkte DOM-code.
toegevoegd de auteur Duncan Smart, de bron
@DuncanSmart leuk voorbeeld dat laat zien hoe het kan worden vereenvoudigd
toegevoegd de auteur david, de bron
bedankt voor je hulp, het probleem is dat ik een webdesigner ben en ik ben niet zo bekend met JS, ik vond een JavaScript-code over het net en ik pas het aan aan mijn behoeften, dus het zal een beetje ingewikkeld zijn voor mij om nu jQuery te gebruiken
toegevoegd de auteur user1015906, de bron