Belirli bir öğenin (JavaScript veya JQuery) arkasından metin alın

Question

Bazıları bana bunu yapmanın en iyi yolu hakkında bilgi verebilir. Ben sonra tüm metin almaya çalışıyorum

Bu basit olabilir biliyorum "Döküm Ana", ama Noel'den hemen önce beynimde bütün gün toplama duruyor. Bu yüzden kendimi vurgulamak yerine biraz yol göstermeyi düşünürdüm. Bu clone() konteyner etmektir ulaşmak için basit yolu

örnek kod sadece Text in P tag geri getiriyor ama geri Text not in it's own element getirmek istiyorum ve p tag

console.log($("#container").find(".main").next().text());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div id="container"> 
 
    <div class="main"> WOOP IN MAIN </div> 
 
    Text not in it's own element 
 
    <p> Text in P tag </p> 
 
</div>

Answer 1

öyle.

const main = document.querySelector('.main'); 
 

 
const txt = [ 
 
    main.nextSibling.textContent.trim(), 
 
    main.nextElementSibling.textContent.trim() 
 
]; 
 

 
console.log(txt)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div id="container"> 
 
    <div class="main"> WOOP IN MAIN </div> 
 
    Text not in it's own element 
 
    <p> Text in P tag </p> 
 
</div>

: Eğer yerli gitmek olsaydı bunu yöntem adından da anlaşılacağı oluyor olarak iki düğüm türleri ve nextElementSibling ait agnostik olduğunu nextSibling bir arada kullanmayı tercih, bir sonraki kardeş elemanı yakalar

Answer 2

kaldırmak .main elemanından itibaren, aşağıdaki gibi text()'u edinin:

var text = $("#container").clone().find('.main').remove().end().text(); 
 
console.log(text.trim());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div id="container"> 
 
    <div class="main"> WOOP IN MAIN </div> 
 
    Text not in it's own element 
 
    <p> Text in P tag </p> 
 
</div>

Alternatif bir yöntem olarak yinelemeli .main eleman izleyin DOM düğümlerinin gezdirip, ancak bu çok daha karmaşıktır ve aynı sonucu verir. Text not in it's own element bir text düğüm, bu nedenle next() bir HTMLElement olduğunu olma, <p/> etiketi hedefleyecek kabul edildiğinden