Question

我试图单独遍历每个<span>元素并将其添加到一些单独的html中，我的js甚至与foreach一起使用，它总是将所有元素警告为一个实体。关于它在哪里出错的任何建议......

$("#testDiv").html("");
$("#main span b").each(function () {
     alert($('#main span b').text());
     $("#testDiv").append($("<span/>", {
         class: 'adkeys',
         html: $('#main span b').text() + "<a class='anch'>"
     }));
});

对于我的后续小提琴：

http://jsfiddle.net/LEe7B/

Answer 1

在循环中使用this关键字，而不是再次使用选择器

$("#testDiv").html("");

$("#main span b").each(function () {
     alert($(this).text());

     $("#testDiv").append($("<span/>", {
         'class' : 'adkeys',
         html    : "<a class='anch'>" + $(this).text() + "</a>"
     }));

});

FIDDLE

Answer 2

您可以在循环体内使用$（this），也可以按以下方式编写...

$('yourselector').each(function(index,value){
 alert($(value).text());
});

JQuery foreach，选择多个跨度并添加到Div

2 个答案: