2016-07-19 81 views
0

我想僅像這樣獲取steve的值。如何查找使用jQuery來查找包含特定文本的文本

<div class="value">333</div> 

下面是我的代碼

var a = $("p:contains('Steve')").text(); 
 
alert('<div class="value">' + a + '</div>')
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<p> 
 
    John: 111 
 
    <br>Sam: 222 
 
    <br>Steve: 333 
 
</p>

+0

,請複製粘貼HTML代碼的代碼塊中,不只是到頁面中。當你這樣做時,它顯示爲純文本,沒有HTML顯示,我們看不到結構。 – Jim

+3

你有沒有嘗試過自己的東西? – empiric

+0

收稿日期:2016年1月22日
接受日期:2016年2月23日
公佈日期:February26 2016

我才能發表日期值: –

回答

1

這將工作(假設字符arragment和數字將保持不變):

var match = $('p').text().match(/Steve\:\s(\d+)/); 
 
$('.value').text(match[1]);
.value{ 
 
    color: red; 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<p> 
 
    John: 111 <br> 
 
    Sam: 222<br> 
 
    Steve: 333 
 
</p> 
 
<div class="value"></div>

我做什麼在這裏:

  • 從段落獲得文本(無標記)
  • 匹配一個正則表達式
    • 發現後面跟一個冒號的話Steve和捕獲後的數字
  • 設置div.value的內容與捕獲組的內容

請注意,這僅僅是一個簡單的例子。對標記和內容的更改可能會改變結果。 (例如,如果發現多於一個匹配)

Here你會發現我使用的正則表達式的解釋。


Example

+0

@ LeelaHariPrasad.R你可以使用像'警報(匹配[1])'來提醒匹配的值。 – empiric

+0

這裏是我的其他HTML代碼 \t

收稿日期:2016年1月22日,
接受日期:2016年2月23日
發佈日期:February26 2016

我怎樣才能在警告框 公佈日期VALU要求是
February26, 2016

相關問題