jQuery选择相同类的元素并从数组中追加相应的值

时间:2012-06-05 15:08:15

标签: javascript jquery

我是编程新手,所以不确定是否可以在jQuery中完成。

我需要选择一组具有相同类的段落,然后从数组中为它们分配一个值(替换它们的内容或将其附加到段落),因此对于第一个项目,第二个段落的数组中的索引0数组的索引1,依此类推。

我猜测我必须为每个()类型的函数做一个循环,所以这就是我想出来的

$(document).ready(function(e) {
    writeValues('values','.mainPageMeters');
});

function writeValues ( a , b ) {
    var mCount = 0;
    var mValues = $('<p>');

    $("p.mainPageMeters" + a).each(function() {
        $(this).html('<p>' + mCount + '</p>' +    $(this).html());
        mValues.append($('<p>' + mCount++ + $(this).text() + '</p>')); 
    });

    $("" + b).append(mValues);
}



<p class="mainPageMeters">Loren Ipsum bla bla bla </p>
<p class="mainPageMeters">Loren Ipsum bla bla bla </p>
<p>Loren Ipsum bla bla bla </p>
<p class="mainPageMeters">Loren Ipsum bla bla bla </p>

2 个答案:

答案 0 :(得分:0)

我不确定我是否理解你打算做什么,但也许这会有所帮助:

$(document).ready(function() {
    array = ["first", "second", "third"];
    $("p.your-class").each(function(i, $p) {
        $p.html(array[i]);    // or
        $p.append(array[i]);
    });
});

答案 1 :(得分:0)

你走在正确的轨道上,看起来你需要更多的JS练习。这是我掀起的一个简单例子,我认为这就是你想要做的事情。

​var arr, numOfWords, paragraphs;

​arr = ["newFoo", "newBar"]​​​;
paragraphs = $(".myClass")

    // here I'm using jQuery to loop over each paragraph
    paragraphs.each(function (i, elem) {
       // here I assign the paragraphs text to the array's current index
       $(elem).text( arr[i] );    
    });

http://jsfiddle.net/n3GKf/