Comment trouver une largeur d'élément parent dans JavaScript ou jQuery?

J'ai un HTML du code comme celui -

<div class="bs-example">
    <input type="text" id="typehead" style="width: 500px;" class="form-control" placeholder="accounts" />
    <input type="text" class="form-control" placeholder="accounts" />
</div>

J'ai trouver la largeur de l'élément parent ayant pour ID typehead.

Donc dans ce cas je dois trouver la largeur de la div ayant la classe bs-exemple.

Je ne peux pas utiliser ID dans le coin supérieur div afin que je puisse avoir la largeur de l'élément par son ID parce que je veux un code réutilisable, car il doit être utilisé à plusieurs endroits dans la page.

Ce que j'ai fait est -

function myFunction()
{
    var x = document.getElementById("myLI").parentNode.parentElement.width;
    document.getElementById("demo").innerHTML = x;
}

Mais ça ne fonctionne pas.

source d'informationauteur Abrar Jahin | 2015-01-31

  1. 10
    var x = $("#typehead").parent().width();
  2. 2

    Vous pouvez utiliser clientWidth propriété:

    function myFunction() {
    var x = document.getElementById("myLI").parentNode.parentElement.clientWidth;
    document.getElementById("demo").innerHTML = x;
}
  3. 0

    Ici est un plus propre exemple à l'aide de JQuery:
    http://jsfiddle.net/srfqko8r/3/

    <div style="width: 100px;">
    <div style="width: 50px;" id="child">
    </div>
</div>

function GetParentDivWidth(){
    return $("#child").parent("div").width();
}

$(function(){
   alert(GetParentDivWidth());
});

    Alertes "100"

  4. 0

    Si vous voulez une fonction générique vous pouvez utiliser de passer l'élément de vérifier que le paramètre et utiliser jQuery closest et width.

    Code:

    function myFunction($el) {
    return $el.closest('div.bs-example').width();
}

    Démo: http://jsfiddle.net/f07uanoh/