只更改其中一个div

时间:2015-12-02 09:34:34

标签: javascript jquery

我对jquery有一点问题,我有这个HTML代码

<div class="col-md-10 col-md-offset-1">                         
    @foreach($auctions as $auction)
    {{$auction->name}}
    <p> 
        <div id="total" class="pricenow">{{$auction->pricenow}}</div>
    <p>
    {{$auction->start_price}}
    <p>
    @endforeach
</div>

然后,当我使用jquery时,我收到属性document.getElementsByClassName(Thisworks correct)的所有内容

function convertireu(){
    var elements= document.getElementsByClassName("pricenow");
    var longitud = elements.length;
    for(var i=0;i<elements.length;i++){
        console.log(converteu(elements[i].textContent));

    }
}

此外,这将返回所有结果

function converteu(dollar)
{
    numero = /[0-9\.]$/

    if (!numero.exec(dollar))
    {
        alert("Is not a number");
    }
    {
        euro = parseFloat(0.7641);
        result= euro*parseFloat(dollar);
        console.log(result);
    }
}

我的问题是,如何更改html中的内容?我尝试使用append和inner,只改变最后一个。

1 个答案:

答案 0 :(得分:2)

如果我正确理解你的意思,试试这个

elementos[i].innerHTML

https://jsfiddle.net/okg70bqh/