Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html lang="es">
<head>
      <meta charset="utf-8">
      <title>Parents</title>
</head>
<body>
    <table>
        <tr>
            <td>
                <div>
                    <div>
                        <div>
                            <input type = "text" id = "foo" />
                        </div>
                    </div>
                </div>
            </td>
        </tr>
        <tr>
            <td>
                <div>
                    <div>
                        <div>
                            <input type = "text" id = "bar" />
                        </div>
                    </div>
                </div>
            </td>
        </tr>
    </table>
</body>
</html>
 
window.Element.prototype.parents = function(){
    var target = arguments.length ? 
                 document.querySelectorAll(arguments[0]) : 
                 document.querySelectorAll("*"), 
        ancestors = [], 
        list = [].slice.call(target), i;
    for (i = this.parentNode; i != document; i = i.parentNode)
        if (list.indexOf(i) > -1) ancestors.push(i);
    return ancestors.length > 1 ? ancestors : ancestors[0];
};
​
var foo = document.querySelector("#foo");
foo.parents("tr").style.background = "red";
console.log("Número de fila: " + foo.parents("tr").rowIndex);
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
Alexis88pro
0viewers