JavaScript変数をフィルタリングし、H3からコンテンツを取得しますか？

Question

私はタグ付きのHTMLコードを含むJS変数を持っています。

私の質問は、この変数をフィルタリングしてH3タグコンテンツのみを取得する方法です。私は、次の方法でそれを試してみました

...

var api_el_title = $(my_full_content).text('h3'); 
var api_el_title = $(my_full_content).filter('h3'); 
var api_el_title = $(my_full_content).find('h3'); 

誰もが唯一H3のコンテンツを表示することができます。 filterに

<h3>Lorem ipsum</h3> 
<p>Dolor sit amet</p> 
<p>Amet ist</p> 
<p>Dolor sit ipsum</p> 

Answer 1

パスハンドラ関数とElement.tagNameプロパティを使用してタグをテスト：変数の

出力例です。

var ip = '<h1>Hey</h1>\ 
 
<h3>Valid</h3>\ 
 
<h2>Hello</h2>\ 
 
<h1>Hey</h1>\ 
 
<h3>Valid</h3>\ 
 
<h2>Hello</h2>'; 
 
var filtered = $(ip).filter(function() { 
 
    return this.tagName.toLowerCase() === 'h3'; 
 
}); 
 
$('body').append(filtered);

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

Answer 2

使用、すべてのH3を見つけるループにそれぞれを使用して、H3要素だけでノートとして

var my_full_content = '<h3>Lorem ipsum</h3><p>Dolor sit amet</p><p>Amet ist</p><h3>Lorem ipsum2</h3><p>Dolor sit ipsum</p>' 
var text = []; 
$('<div>'+my_full_content+'</div>').find('h3').each(function(i,v){ 
    text.push($(v).text()); 
}); 
alert(text); 

https://jsfiddle.net/f0chx41c/

Answer 3

の各値を格納するために見つけ、あなたの質問は非常に曖昧です。

function doWork(my_full_content) //SEND YOUR HTML VARIABLE TO THIS FUNCTION 
{ 
    //CREATE INVISIBLE PLACEHOLDER DIV 
    $('body').append('<div id="tmpPlaceholder" style="display:none"></div>'); 

    // PLACE HTML INTO TEMPORARY DIV THAT IS HIDDEN 
    $("#tmpPlaceholder").append(my_full_content); 

    //SHOWS THE h3's CONTENT 
    var hContent = $("#tmpPlaceholder").find("h3").first().html(); 
    alert(hContent); 

    $("#tmpPlaceholder").remove(); 
} 

EDITこれは場合に働くだろう

：

あなたはjQueryのに、あなたが提供してきたという限られた情報にアクセスを持っていると仮定すると、次の解決策になる可能性my_full_content変数は文字列です。