2016-12-13 5 views
2

で特定のコンテンツを削除するにはどのように私は、この要素ページ上に表示さを持っているのjavascript

<span class="vc_gitem-post-category-name">Front</span> 

も同じに記載されている他のカテゴリがあります。特定のカテゴリ要素(スパン+テキスト)を削除する必要があります。現在、特定のclassまたはidを要素に追加する可能性はないため、他の方法で削除する必要があります。

+0

'getElementsByClassName'、その後' innerHTML'をチェックしましたか? – Abdul

+0

幸運にもクラスがあります。削除したクラスを使用していますか?DOMから削除されているか、単に隠されていますか(表示:なし) –

答えて

2

セレクタでクラス名を使用すると、要素をループすることができます。

次に、各エントリの内容を確認し、一致するものが見つかると、現在のrefをjQueryオブジェクトにラップし、removeを使用してDOMから削除します。

jQuery('span.vc_gitem-post-category-name').each(function() { 
    var text = this.innerHTML; 
    if (text === 'Front') { 
     jQuery(this).remove(); 
    } 
}); 

http://jsbin.com/vucucipeho/1/edit?html,js,output

+1

これは 'span.vc_gitem-post- category-name'を100%正確にすることができます:p –

+0

@ジャロマンダX良い点。私は答えによって更新しました –

0

あなたにもJavaScriptでこれをacheiveすることができます

https://jsfiddle.net/dhanrajv/av1twkqs/

var byClassName = document.querySelectorAll('span.vc_gitem-post-category-name'); 
 

 
for(var i=byClassName.length;i--;){ 
 
    if(byClassName[i].innerHTML === 'Front') { 
 
     window.document.body.removeChild(byClassName[i]); 
 
    } 
 
}
<span class="vc_gitem-post-category-name">Front</span> 
 
<span class="vc_gitem-post-category-name">Category 1</span> 
 
<span class="vc_gitem-post-category-name">Category 2</span> 
 
<span class="vc_gitem-post-category-name">Front</span> 
 
<span class="vc_gitem-post-category-name">Category 3</span> 
 
<span class="vc_gitem-post-category-name">Front</span>

関連する問題