javascript - How to get innerhtml of td and add text on button click using jquery -


i need add * next td name of row written such rate. if error occurs need add * next relevant row. validation occurs on button click.

someone else helped me code can't find answer how append * td. if there error in row need add * next relevant row in td text such yield *

thanks

  <script type="text/javascript">          $(function () {              $('#<%=form1.clientid%>').submit(function (event) {                  //iterate on rows                  $('.customvalidationfrom').each(function (idx, obj) {                      //get input objects , values                      var = $(obj);                      var = $('#' + $(obj).attr("id") + "to");                      var fromval = parseint(from.val());                      var toval = parseint(to.val());                      //cancel submit                      event.preventdefault();                      //check range                        if (fromval > 100 || toval > 100) {                          var errormessage = "<li id='" + from.attr('id') + "error'>the " + from.attr('data-name') + " field must less 100.</li>";                          //cancel submit                          event.preventdefault();                          $('#errormessagelist').append(errormessage);                                            }                             //validate if both , inputs have values                      if (from.val() && to.val()) {                          if (fromval > toval) {                                                          //display error                               from.addclass('errorborder');                              to.addclass('errorborder');                                var errormessage = "<li id='" + from.attr('id') + "error'>the " + from.attr('data-name') + " field must less " + to.attr('data-name') + " field.</li>";                              //cancel submit                              event.preventdefault();                          }                          else {                              //reset error                              $('#errormessagelist li').remove();                              from.removeclass('errorborder');                              to.removeclass('errorborder');                          }                          $('#errormessagelist').append(errormessage);                        }                    });                });          });                 </script>         </head>  <body>    <form id="form1" runat="server">          <ul id="errormessagelist" class="errortext">            </ul>            <div>              <table id="tbl1">                  <tr>                      <td  class="style1">                          rate                      </td>                      <td  >                          <asp:textbox id="txtrate" runat="server" class="customvalidationfrom" data-name="rate from"></asp:textbox>                      </td>                      <td >                          <asp:textbox id="txtrateto" runat="server" class="customvalidationto" data-name="rate to"></asp:textbox>                      </td>                  </tr>                  <tr>                        <td  class="style1">                          test</td>                      <td>                          <asp:textbox id="txtyield" runat="server" class="customvalidationfrom" data-name="yield from"></asp:textbox>                      </td>                       <td >                          <asp:textbox id="txtyieldto" runat="server" class="customvalidationto" data-name="yield from"></asp:textbox></td>                  </tr>                  <tr>                       <td  class="style1">                          yeld </td>                      <td>                          <asp:textbox id="txtcal" runat="server" class="customvalidationfrom" data-name="cal from"></asp:textbox></td>                        <td ">                          <asp:textbox id="txtcalto" runat="server" class="customvalidationto" data-name="cal to"></asp:textbox></td>                  </tr>                </table>              <asp:button id="button1" runat="server" text="button" />

try:

$('td').each(function() {      var text = $(this).text();     if ( text == 'rate') {         $(this).append('*')     } }); 

jsfiddle


Comments