jQuery renvoie true ou false si une div qui contient un <p> tag

Voyons voir:

<div><p>this div contains a p tag</p></div>
<div>this one is not</div>

Comment assigner une variable avec une valeur booléenne (true ou false) si une div qui contient une balise spécifique, comme p dans l'exemple ci-dessus?

InformationsquelleAutor user119210 | 2009-06-08
  1. 17
    $("div:has(p)").addClass("has-paragraph");

    allez ajouter une classe à tous les divs qui contiennent p enfants. Si les paragraphes ne sont pas directement les enfants, ce ne sera pas ramasser.

    Remarque: faire:

    $("div p").addClass("has-paragraph");

    va ajouter la classe à la paragraphe pas de la div. Vous pouvez corriger cela en faisant ceci:

    $("div p").parents("div").addClass("has-paragraph");

    mais cela va attraper plusieurs div ancêtres. Vous pouvez faire ceci:

    $("div p").parents("div:first").addClass("has-paragraph");

    pour résoudre ce problème.

    Ou plus par programme:

    $("div").each(function() {
  if ($(this).find("p").length > 0) {
    //do stuff
  }
});
    InformationsquelleAutor cletus
  2. 5

    Donner votre div ID, puis:

    if($('#myDiv p').length) {
    alert('I have a paragraph');
}
    • à la fois le travail c'est juste que Daniel est exactement ce que je cherchais 🙂
    • Je me demandais quelle était la différence entre cela et @Daniels? @Karim a donné la première réponse correcte, mais vous avez accepté la fin. Je pense que ce n'est pas juste.
    • il n'y a pas de différence vraiment. Daniel dit cletus réponse était la façon la plus efficace de le faire et j'ai marqué ce que le bon 🙂
    InformationsquelleAutor karim79
  3. 2
    var result = ($('div p').size() > 0);

    ou

    var result = ($('div p').length > 0);

    Cela permettra de saisir toutes les p à l'intérieur de toute div. C'est essentiellement ce qu' @karim79 a.

    • Bien que ce est correct, je pense que cletus la réponse mérite d'être marqué comme réponse, parce qu'elle utilise jQuery est intégré a() sélecteur, ce qui devrait (en théorie) être plus efficace
    • juste assez 🙂 pourquoi pas. Bravo pour le fair-play
    InformationsquelleAutor Daniel A. White
  4. 1

    Ce serait mon pari :

    $("div").each(function(){
    if ($(this).children('p').length>0){
        //do stuff, assign boolean if you want
    }
});

    Je suppose que vous êtes à la recherche pour les enfants directs. Si non, utilisez 

    if ($(':has(p)',this).length>0) ...
    InformationsquelleAutor glmxndr
  5. 0

    Pas sûr de savoir comment vous voulez stocker vos informations, mais le code suivant va rassembler toutes les balises div qui contiennent une balise p.

    $("div:has(p)").each( function () {
    # Store what you need here
});

    Si vous avez une div que vous souhaitez tester les éléments suivants doivent travail basé sur un "truthy" de la valeur. Je suis sûr que quelqu'un peut vous obtenir exactement une valeur true ou false par quelques moyens astucieux.

    if ( $("#divId:has(p)") ) {
    # Do what you need here
}
    InformationsquelleAutor James van Dyke