は、以下のコードではjQueryを

Question

を持つ関数から子要素を除外しますか？

私はこれまでのところ持っている：黄色にすべてを変える

$("p").html(function(i,event){ 
    return event.replace(/(red)/g,'yellow'); 
}); 

を...。

if (event.target.tagName === "a") 
{return false} 

しかし、私は、物事の数十、私は効果なしに、stackoverflowの上で見つけたを試してみた：私は、私は句はの線に沿って何かを言っている場合で追加する必要がありますと仮定します。何か案は？

Answer 1

ダーティあまりにも具体的な理由や<p>で多くの<a>かのインスタンスでは動作しませんが、<p>に一つだけ<a>があれば動作します。

最良の方法は正しい正規表現を見つけることです。

var aContent = $('p > a')[0].outerHTML; 
 

 
$('p').html(function(i,event) { 
 
    var parts = event.split(aContent); 
 

 
    for (var i, l = parts.length; i<l; i++) { 
 
     parts[i] = parts[i].replace(/red/ig, 'yellow'); 
 
    } 
 

 
    return parts.join(aContent); 
 
});

<p>Red red red red <a href="http://www.google.com">red</a> red red</p> 
 

 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 2

あなたはcontents()を使用してテキストノードを反復することができます。これはhtml()を使用して、内部要素のいずれかのイベントリスナーへの影響の道はありませんでしょう

$('p').contents().each(function() { 
 
    if (this.nodeType === 3) { 
 
    this.textContent = this.textContent.replace(/red/gi, function(match) { 
 
     return match === 'Red' ? 'Yellow' : 'yellow' 
 
    }); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<p>Red red red red <a href="http://www.google.com">red</a> red red</p>

Answer 3

私は別のルートを取った：子供を隔離、ランダムなテキストとその場所を置き換える、私たちを行いますいつものように置き換えて、そのランダムな文字列を私たちの子コードに置き換えてください。

var para = $("p"); 
 
var child = para.children()[0]; 
 
var text = child.outerHTML; 
 

 
para.find(child).replaceWith("zzzz"); 
 

 
$(para).html(function(i,event){ 
 
    return event.replace(/(red)/gi,'yellow'); 
 
}); 
 

 
$(para).html(function(i,event){ 
 
    return event.replace("zzzz", text); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 

 
<p>Red red red red <a href="http://www.google.com"> this should be red alone</a> red red</p>