クラスのすべての段落を取得

Question

特定のクラスのすべての段落をエコーし​​ようとしています。私はさまざまな方法試してみました

<div class='example'> 
    <p> this is the first paragraph </p> 
    <p> this is the second paragraph </p> 
</div> 

（このようなgetElementsByTagNameとものを彼らは動作しませんでした）：ソースコードは、この構造を有しています。私に何かを提案できますか？

Answer 1

値をclassnameで取得するだけです。

使用Jsの機能getElementsByClassName

のJavascriptのコードの下に試してみてください。JavaScriptを使用して

var x = document.getElementsByClassName("example").innerHtml; 
console.log(x); 
alert(x); 

また作業jsfiddle - https://jsfiddle.net/ayh0gk7s/1/

あなたはjQueryのを使用することを好むしている場合は、コードの下に試してみてください。

を

$('.example p') 

jqueryのための0

jsfiddleリンク - jQueryを使用してhttps://jsfiddle.net/3nhb1agu/

Answer 2

：

$('.example p') 

これがうまくいけば、あなたに必要な段落を取得する必要があります。

Answer 3

は、XPathを介してそれらをフェッチ：

$doc = new DOMDocument; 
$doc->load('file.html'); 
$xp = new DOMXPath($doc); 
$pars = $xp->query('//div[contains(@class, "example")]/p'); 
// For exactly one class: 
//$pars = $xp->query('//div[@class = "example"]/p'); 

foreach ($pars as $p) { 
    var_dump($p->nodeValue); 
} 

コード段落ノードのテキスト表現を取り込みます。

Answer 4

JQueryでは、親の子要素を印刷できます。これを試して ！

$(document).ready(function(){ $("div.example").children("p").each(function(){ alert($(this).text()); console.log($(this).text()); }); });

Answer 5

あなたはquerySelectorAllを使用することができます。

var myParagraphs = document.querySelectorAll('.example p'); 

for (var i = 0 ; i < myParagraphs.length ; i++) { 
    console.log(myParagraphs[i]); 
}