2016-02-05 40 views
0

我嘗試檢索頁面上的數據。 我無法更改標記。只有控制檯才能使用。選擇不是「跨越」的文本

<div class="dataContainer" style="display: block;"> 
<h4>titre</h4> 
<b>Type:</b> Affiliate<br> 
<b>Location:</b> 400 Jackson Boulevard, Los Angeles, CA, 90002<br> 
<b>Phone:</b> (xxx) yyy-zzzz <br> 
<b>Fax:</b> (xxx) yyy-zzzz <br> 
<b>Contact Person:</b> John Doe<br> 
<b>Email Address:</b> <a href="mailto:[email protected]">[email protected]</a><br> 
<b>Website:</b> <a href="http://example.com" target="_blank">http://example.com</a><br> 
<b>Designations:</b> job title 
</div> 

要檢索聯繫人的名字,我想:

var b = jQuery(jQuery('.dataContainer').children('b:contains(Contact)').nextSibling); 
alert(b.text()); 

</b>後如何選擇字符串?

回答

5

.children()返回一個jQuery對象,所以叫nextSibling你需要得到的DOM元素引用

var b = jQuery(jQuery('.dataContainer').children('b:contains(Contact)')[0].nextSibling); 
 
alert(b.text());
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="dataContainer" style="display: block;"> 
 
    <h4>titre</h4> 
 
    <b>Type:</b> Affiliate 
 
    <br> 
 
    <b>Location:</b> 400 Jackson Boulevard, Los Angeles, CA, 90002 
 
    <br> 
 
    <b>Phone:</b> (xxx) yyy-zzzz 
 
    <br> 
 
    <b>Fax:</b> (xxx) yyy-zzzz 
 
    <br> 
 
    <b>Contact Person:</b> John Doe 
 
    <br> 
 
    <b>Email Address:</b> <a href="mailto:[email protected]">[email protected]</a> 
 
    <br> 
 
    <b>Website:</b> <a href="http://example.com" target="_blank">http://example.com</a> 
 
    <br> 
 
    <b>Designations:</b> job title 
 
</div>

+0

的偉大工程阿倫,THX! 我可以參考的任何文檔,以更好地理解jQuery對象的基本概念?我相信_children_是一個jQuery的函數,而_nextSibling_是一個核心的JavaScript方法,所以這[0]與從jQuery到JavaScript的一些_conversion_相關? –

+0

是[0]與get(0)相同嗎? –

+0

@AdrienLafond是的..他們是一樣的 –