子要素の文字列を対象としない要素のターゲットテキスト

Question

下のhtmlの「Apple」という単語を下のスクリプトでターゲティングする必要がありますが、親コンテナ内のすべての文字列を対象とします。ラップされていないテキストをどのように対象にしますか？ 1つの解決方法は、最初にテキストを自分の子供にラップすることですが、それをどのようにターゲットにするかは不明です。

ccs_cc_args.push(['FFR_NAME', $(".infobar").text()]); 

HTML：テキストを意味

<div class="infobar"> 
<center><img src="" alt="image"></center> 
<span>Manufacturer</span>Apple<span>Part Number</span> 
<div class="productboxArticlenumber">MC723-US-4-500-REF</div> 
</div> 

Answer 1

var ccs_cc_args = []; 
 

 
var a = $('.infobar').contents().filter(function() { 
 
    return this.nodeType == 3; 
 
}).text(); 
 

 
console.log(a) 
 

 
ccs_cc_args.push(['FFR_NAME', a.trim()]); 
 

 
console.log(ccs_cc_args)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="infobar"> 
 
    <center> 
 
    <img src="" alt="Apple"> 
 
    </center> 
 
    <span>Manufacturer</span>thisistheAppletext<span>Part Number</span> 
 
    <div class="productboxArticlenumber">MC723-US-4-500-REF</div> 
 
</div>

1. 使用ノードタイプ== 3。
2. 使用.contents

説明：テキストとコメントノードを含むマッチした要素の集合の各要素の子を取得します。

Answer 2

おそらくこのようなものですか？

$(document).ready(function() { 
 
    var ccs_cc_args = []; 
 
    
 
    ccs_cc_args.push(['FFR_NAME', $(".infobar .infobarName").html()]); 
 
    
 
    console.log(ccs_cc_args); 
 
});

.infobarName { 
 
    font-weight: bold; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="infobar"> 
 
    <center><img src="" alt="image"/></center> 
 
    <span>Manufacturer</span> <span class="infobarName">Apple</span> <span>Part Number</span> 
 
    <div class="productboxArticlenumber">MC723-US-4-500-REF</div> 
 
</div>

Answer 3

あなたはjQuery: Get the Text of Element without Child Elementを試してみることができます。

余分なスペースのために、一つは以下のように行うことができます。

$(".infobar").clone().children().remove().end().text().trim() 

はデモ hereをご覧ください。

Answer 4

あなたはスパンであなたのターゲット単語を入れて、この

window.onload = function() { 
 

 
    'use strict'; 
 
    var chachedWord = []; 
 

 
    // Select second span that exist in infobar (0 base index) 
 
    var targetWord = document.querySelectorAll('.infobar span')[1]; 
 

 
    chachedWord.push('FFR_NAME' + ' ' + targetWord.textContent); 
 

 
    document.getElementsByTagName('p')[0].textContent = chachedWord; 
 

 

 
};

<div class="infobar"> 
 
    <center><img src="" alt="image"></center> 
 
    <span>Manufacturer</span> <span>Apple</span> <span> Part Number</span> 
 
    <div class="productboxArticlenumber">MC723-US-4-500-REF</div> 
 
</div> 
 
<p></p>

---

を行うことができますjQueryの

var chachedWord = []; 
 

 
chachedWord.push('FFR_NAME' + ' ' + $('.infobar span').eq(1).text()); 
 

 
$('p').text(chachedWord);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="infobar"> 
 
    <center><img src="" alt="image"></center> 
 
    <span>Manufacturer</span> <span>Apple</span> <span> Part Number</span> 
 
    <div class="productboxArticlenumber">MC723-US-4-500-REF</div> 
 
</div> 
 
<p></p>