jquery - 使用 jquery 获取项目的值

Question

我有一种情况td：

<td id="divInTimeStamp-5-2" style="background: none repeat scroll 0% 0% red;">
    12:55 PM 
    <span><img style="vertical-align: middle;" src="/Content/themes/base/images/info.png"><span class="tooltip">Clocked in from: <br>Host: id14011.o2.local<br>IP Address: 10.0.2.49</span></span> 
    <a title="Edit ClockIn Time" class="inline UpdateLink timeSheetIdentity" href="">[ Δ ]</a>
</td>

如何从 12:55 PM 获取值td？

Answer 1

你可以做

var value = $('#divInTimeStamp-5-2').contents().filter(function(){
    return this.nodeType == 3
}).text()

演示：小提琴

Answer 2

尝试这个：

var cloned = $('#divInTimeStamp-5-2').clone();
cloned.find('*').remove();
var time = cloned.text();

Answer 3

var text = $.trim($('#divInTimeStamp-5-2')[0].firstChild.nodeValue);

演示

• [0]获取对 DOM 元素的引用#divInTimeStamp-5-2。它是 的简写.get(0)。
• .firstChild获取其第一个子文本节点。
• .nodeValue包含文本节点的内容。
• $.trim用于跨浏览器的空白修剪。

Answer 4

如果时间格式始终为[HH:MM PM (8 chars)]：

$('#divInTimeStamp-5-2').text().substring(0,9);

jsfiddle 演示