0

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

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

我猜我必须做一个循环一个each()类型的函数所以这就是我想出的

$(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>
4

2 回答 2

0

我不确定我是否正确理解您打算做什么,但这可能会有所帮助:

$(document).ready(function() {
    array = ["first", "second", "third"];
    $("p.your-class").each(function(i, $p) {
        $p.html(array[i]);    // or
        $p.append(array[i]);
    });
});
于 2012-06-05T15:14:48.147 回答
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/

于 2012-06-05T15:15:30.370 回答