如何通过获取HTML元素的值。使用jquery跨域加载

Question

如何通过跨域加载函数获得超文本标记语言元素？. load函数很完美，但是我不知道如何丰富单个元素的价值？

超文本标记语言代码从我想得到的值：

<div class="temeratura">
<ul id="temperatura_lista">
    <li id="temp_Sypialnia" value="22.25">Temp. Sypialnia: 22.25</li>
    <li id="temp_MalyPokoj" value="19.75">Temp. Mały pokój: 19.75</li>
    <li id="temp_Salon" value="23.00">Temp. Salon: 23.00</li>
</ul>

其他服务器上其他HTML页面上的My JS（可以正常工作）：

<script>
$( '#new-tempSypialnia' ).load( "http://some.address.com/index.html #temp_Sypialnia("value")" );
</script>

Answer 1

注意，value属性可能会将22.25设置为22，请参见jsfiddle上的控制台，其中22由元素返回。val（），元素[0]。值和元素。道具（“值”）<代码>22.25由元素返回。数据（“值”）来自htmldata-*属性。

尝试

HTML

<!-- added `data-value` attributes , 
     having same `value` as `value` attributes ,
     to maintain same `data-value` when processed 
-->
<div class="temeratura">
<ul id="temperatura_lista">
  <li id="temp_Sypialnia" data-value="22.25" value="22.25">Temp. Sypialnia: 22.25</li>
  <li id="temp_MalyPokoj" data-value="19.75" value="19.75">Temp. Mały pokój: 19.75</li>
  <li id="temp_Salon" data-value="23.00" value="23.00">Temp. Salon: 23.00</li>
</ul>

js

$("#new-tempSypialnia")
.load("http://some.address.com/index.html #temp_Sypialnia #temp_Sypialnia"
, function(data) {
      var val = $(data).find("#temp_Sypialnia");

      // console.log("`elem.data('value')`:", val.data("value")
      //            , "`elem.val()`:", val.val()
      //            , "`elem[0].value`:", val[0].value); 

      var result = val.data("value");          
      alert(result);
});

JSFIDLEhttp://jsfiddle.net/guest271314/ckLv2eub/

看见

.加载（），在completecallback

如何使用html5输入类型number处理浮点和十进制分隔符