javascript – 对象HTMLDivElement,获取值?

前端之家收集整理的这篇文章主要介绍了javascript – 对象HTMLDivElement,获取值?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
你好,我有一个[Object HTMLDivElement],其中包含我想要使用的数据.

我正在使用这个.例如this.innerHTML.

我的Div结构如下所示:

<div class="hour"> <!-- <-- my Object referes to this div -->
    <div class="time">2000</div>
    <img class="weather-img" src="image/rain.png">
    <div class="temp">-10</div>
</div>

我想提取时间和温度值,ergo 2000和-10.

我一直在阅读http://krook.org/jsdom/HTMLDivElement.html文档,但似乎无法找到一个时髦的解决方案,到目前为止,我最好的选择是innerHTML,但感觉应该有一个更简单的方法.任何人?

答案:var time = $(this).find(‘.time’).text();

解决方法

使用jQuery足够简单:
var time = $('.time',this).text(),temp = $('.temp',this).text();

评论中提到的更长的方式也可以工作,并在jQuery中显示了一些链接方法

var time = $(this).find('.time').text(),temp = $(this).find('.temp').text();

一个mod编辑了我的代码可能不对,因为如果页面上有多个时间和临时类的元素,你可能会找回错误的数据.编辑前的示例显示了如何更好地确定查询范围:

var time = $('.hour .time').text(),temp = $('.hour .temp').text();

jQuery.text:http://api.jquery.com/text/

猜你在找的JavaScript相关文章