Attr with Internet Explorer

Question

I have an application where I click on a table row, jquery takes the table row id, mounts a URL and put inside a href=''

The problem is I’m not getting it to work on the attr.(), I already tested on Chrome and in the Mozilla, works normal, but I need it to work in IE

PS.The application has to run on IE, and on version 8 !!!

Table (comes from an external page via Ajax)

foreach ($retorno as $valor) {
            $html.= "<tr class='codFuncionario' codigo=".$valor['codigo'].">";
                $html.= "<td>".$valor['nome']."</td>";
                $html.= "<td>".$valor['drt']."</td>";
                $html.= "<td>".$valor['cpf']."</td>";
                $html.= "<td>".$valor['setor']."</td>";
                $html.= "<td>".$valor['cargo']."</td>";
                $html.= "<td>".$valor['turno']."</td>";
            $html.= "</tr>";
        }
echo $html;

Script

$(document).on("click", ".codFuncionario", function(e){
    e.preventDefault;
    var codFuncionario = $(this).closest('tr').attr('codigo');
    //alert(codFuncionario);
    $(".a_registrar_digital").attr('href', 'registrar_digital.php?codigo='+codFuncionario);
});

Html

<a href'' class='a_registrar_difital' target='end_font' >Click Aqui</a>

Someone there has faced the same problem as me and has a solution ???

Answer 1

I do not have Internet Explorer 8 to try to reproduce the problem, but I leave some tips that may be at the origin of the problem.

---

Your HTML has some errors, although I think copy-paste errors for Stack Overflow. However, make sure they are present in the original.

<a href'' class='a_registrar_difital' target='end_font' >Click Aqui</a>

Missing one = in the attribute href, and the class has difital, instead of digital that jQuery is looking for.

---

There is a an issue in the international SO where the problem with IE8 was the developer tool needed to be manually refreshed to show the changes in the DOM document.

---

There is a another issue in the international SO where the use of HREF, instead of href, jQuery. I think it has to do with IE taking the path as absolute or relative to the current domain.

---

In the latter case, consider changing the property without jQuery, as an example.

$(document).on("click", ".codFuncionario", function(e) {
    e.preventDefault;
    var codFuncionario = $(this).closest('tr').attr('codigo');
    var caminho = 'registrar_digital.php?codigo=' + codFuncionario;
    var as = $(".a_registrar_digital");
    var i = as.length;
    while (i--) {
        as[i].href = caminho;
    }
});

Answer 2

I use with attr the data-* attributes in IE all the time, I never had a problem. Here is an online version, only tested on IE6, IE7 and IE9. It doesn’t have my IE8 box handy, but again, I never had a problem.

Source https://stackoverflow.com/questions/7052182/alternative-for-jquery-attr-in-ie