Question

我是编程新手，所以不确定是否可以在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>

Answer 1

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

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

Answer 2

你走在正确的轨道上，看起来你需要更多的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/

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

2 个答案: