2017-10-24 5 views
0

タグを閉じた後の最初の単語を削除してください。jqueryでタグを閉じた後の最初の単語を削除するには

下記はHTMLマークアップ全体です。ここでは、タグを閉じた後の "ückeLüneburg"テキストだけを削除し、残りのテキストは同じままにします。

<p class="more-content" style="display: block;"> 
    Am 25.10.2017 lädt das Netzwerk 
    <a class="more-content-link" href="#" target="_blank" rel="nofollow">#Link</a> 
    ückeLüneburg ein zur Veranstaltung 
</p> 

これはjqueryで可能ですか?

+1

?どこが間違っていたのですか? *どうやって間違っていたのですか? –

+0

あなたは 'a'タグまたは' p'タグについて話していますか?また、この行動の目的は何ですか? –

答えて

0

私はあなたから何も見ません(最初に試してください)ので、私はあなたがすべきことをお手伝いします。

<p class="more-content" style="display: block;">Am 25.10.2017 lädt das Netzwerk <a class="more-content-link" href="#" target="_blank" rel="nofollow">#Link</a>ückeLüneburg ein zur Veranstaltung 

ステップ1:あなたの例が正しくとにかく、閉じられていないのjQueryあるので、あなたはjQueryの

でIDを取るためにIDを追加することができますに

結果

<p class="more-content" style="display: block;">Am 25.10.2017 lädt das Netzwerk <a class="more-content-link" href="#" target="_blank" rel="nofollow">#Link</a><span id="myText">ückeLüneburg ein zur Veranstaltung </span></p> 

ステップ2:グラブJquery(およびその中のテキスト)付きのもの

let myText = $('#myText').text() // To take 'ückeLüneburg ein zur Veranstaltung' 

ステップ3:私はあなたが何をすべきか知っている願ってい次

["ückeLüneburg", "ein", "zur" ,"Veranstaltung"]次のように使用 splitはサブ

let result = myText.split(" "); // This will produce an array 

に文字列を分割する今、あなたの配列になります。

0

このようにjqueryを使用しても構いませんが、このように単語を削除する意味はないと思います。

最初に最初の単語を削除する行を分割します。

次に、ückeLüneburgという単語を使用し、それを空の文字列に置き換えます。次に、必要なコンテンツを元に戻します。

あなたが達成するためにJavascriptを/ jQueryのを使用することができます

var p = $('p')[0]; 
 
console.log(p.childNodes[2].textContent.toString().trim().split(' ')[0]) 
 
p.childNodes[2].textContent=p.childNodes[2].textContent.toString().replace(p.childNodes[2].textContent.toString().trim().split(' ')[0],'')
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<p class="more-content" style="display: block;"> 
 
    Am 25.10.2017 lädt das Netzwerk 
 
    <a class="more-content-link" href="#" target="_blank" rel="nofollow">#Link</a> 
 
    ückeLüneburg ein zur Veranstaltung 
 
</p>

+0

ありがとうございました –

0

... charcters " "のインデックス" と次のスペース" を取得し、p要素のHTML形式を取得します。..必要はありませんを削除単語が、文字列の連結残り..あなたは*みました*持っているもの

txt = $("p.more-content").html(); 
startIndex = txt.indexOf("</a>") + 4; //4 is length of </a> 
endIndex = txt.indexOf(" ",startIndex+1); 
updatedtxt = txt.substring(0, startIndex) + txt.substring(endIndex); 
$("p.more-content").html(updatedtxt); 

JSFiddle Link

+0

私のために働いてくれてありがとう –

関連する問題