Comment obtenir le texte de l'élément parent à l'aide de jquery?

J'ai un div qui contient un supprimer l'hyperlien, onlick, je veux que le texte de la balise div. Comment est-il possible en jquery?!

<div>sometext<a href="#">delete</a></div>

Je veux obtenir le texte de la balise div 'sometext" et, si possible, l'id de la div.
Des idées?!

Êtes-vous désireux de simplement se sometext parce que la normale .text() méthode tout le monde est suggérant sera PAS juste la sometext il sera fait retour sometext delete parce que l' <a/> est à l'intérieur de la <div/>
oui, je veux juste en avoir le sometext!
Vraiment si bon pour moi: stackoverflow.com/questions/3442394/...

OriginalL'auteur Maverick | 2011-05-26

12

Le problème avec:
```
$(this).parent().text();
```
est qu'il obtiendra TOUT le texte dans le div (sometext ET supprimer).

Je suis en supposant que vous voulez seulement le texte dans le div et non le lien.

J'ai frappé vers le haut un exemple sur jsFiddle:

http://jsfiddle.net/HK794/

Idéalement, vous pourriez vouloir le texte à la ligne dans un span, comme:
```
<div id="div1"><span>sometext</span><a href="#">delete</a></div>
```
Alors votre JavaScript serait:
```
$("a").click(function(e){

    $div = $(this).parent("div");

    id = $div.attr("id");

    text = $div.find("span").text();

    alert( text  );

    e.preventDefault();
});
```
MODIFIER

@DarthJDG les états-unis si vous ne voulez pas changer votre balisage, tout ces travaux:
```
text = $div.get(0).childNodes[0].nodeValue;

//OR    
text = $div[0].childNodes[0].nodeValue;

//OR
text = $div.get(0).firstChild.nodeValue;

//OR
text = $div[0].firstChild.nodeValue;

//OR

//Gets the first text node
$div.contents().filter(function() {
    return this.nodeType == Node.TEXT_NODE;
}).text();
```
Mais ce n'est pas la solution pour le balisage, il a fourni.
merci beaucoup, ça fonctionne comme un charme!!!
Juste au cas où vous ne voulez pas changer votre balisage HTML, vous pouvez extraire le premier nœud de texte à partir du DOM HTML: $(this).parent()[0].firstChild.nodeValue
Oui, votre droit, mais il serait plus facile de modifier le code HTML que d'écrire du JavaScript qui semble juste hacky.
Bon point @DarthJDG, ajouté en réponse. Oublié sur l'utilisation que.

OriginalL'auteur Tomgrohl

        var content;
        $(this).parent().contents().filter(function() {
            return this.nodeType == 3;
        }).each(
                function(i,el){
                    content = content + $(el).text();
                }
        );

Cela définit le contenu de la valeur de tous les enfants directs du texte.

OriginalL'auteur Emyr

$('a').click(function() {
    var id = $(this).parent('div').attr('id');
    var html = $(this).parent('div').html().replace(/<.*>/g, "");
    alert(html);
});

sa me donne le <a> balise html!!!
il doit retirer tous html maintenant.
J'ai peur qu'il donne toujours la même valeur!
Désolé combat qu'il fixe.

OriginalL'auteur RJD22

Même si l'ajout d'une balise span serait probablement plus efficace

http://jsfiddle.net/tN8Mv/

$("a").click(function(){
var text = $(this).parent().clone()    //clone the element
        .children() //select all the children
        .remove()   //remove all the children
        .end()  //again go back to selected element
        .text();
    alert(text);
});

fonctionne, mais c'est tout à fait inefficace!
nickf yep c'est pourquoi j'ai ajouté le texte ci-dessus ma réponse 🙂 était juste de lui donner toutes les options

OriginalL'auteur Matt

0
```
mySiblingtext="";
myParentId = "";
    $('a').click(function(){
        var mypart = $(this)[0].previousSibling;
        mySiblingtext= $(mypart).text();
        myParentId = $(this).parent().attr('id');
        alert(mySiblingText+myParentId);
    });
```
jQuery saute au-dessus des nœuds de texte pour l'ensemble de sa traversée des méthodes ( à l'exception .contenu() ). Pour accéder à la précédente, une sœur, alors dans ce cas, quel que soit nodeType, vous pouvez accéder au nœud DOM et ensuite utiliser .previousSibling de la propriété. Ensuite, vous pouvez accéder au texte de l'élément.

L'accès à l'Id si le parent est alors simple.

Échantillon de violon page: http://jsfiddle.net/MarkSchultheiss/FuQ6g/

REMARQUE: l'avantage de cette méthode est que si vous avez le balisage tel que:
```
<div id='aparent'>sometext<a href="#">delete</a>stuff after</div> 
```
les "trucs après" le texte n'est pas sélectionné.

OriginalL'auteur Mark Schultheiss
-1

jQueryElement.parent().text();

OriginalL'auteur Riba

Vous devez vous connecter pour publier un commentaire.