Question

如何通过跨域通过.load函数获取HTML元素的vaule？ .load功能很完美，但我不知道如何丰富单个元素的价值？

我想获取HTML代码：

<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>

我的JS在其他服务器上的其他HTML页面上（可行）：

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

Answer 1

注意，value属性可能会将22.25设置为22，请参阅jsfiddle的console，其中 22 返回{ {1}}，element.val()和element[0].value。 element.prop("value")从22.25 element.data("value")属性返回html。

尝试

HTML

data-*

JS

<!-- 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>

jsfiddle http://jsfiddle.net/guest271314/ckLv2eub/

见

.load()，$("#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); });回拨

How to handle floats and decimal separators with html5 input type number

如何使用jquery通过跨域通过.load获取HTML元素的值

1 个答案: