jquery循环遍历每个textarea并复制到相应的span类

我有几个表格需要对打印机友好。我试图找到一种最简单的方法来循环遍历每个textarea，获取值并将其放入一个span标记中，该标记位于它下面，类名为“forprint”。到目前为止，我只知道如何将值复制到容器中，但无法知道如何将每个值复制到相应的容器中。请帮忙！下面是我现在正在做的一个例子：

<div class="fullWidth">
    <span class="label">Personalized Menus: </span><span class="forscreen">@Html.TextAreaFor(a => a.PersonalizedMenues, AdminOnlyAttribute(new Dictionary<string, object>() { { "class", "k-textbox" }, { "rows", "4" } }))</span>
    <span class="forprint"></span>
    <br /><br />
</div>

<div class="fullWidth">
    <span class="label">Food Labels: </span><span class="forscreen">@Html.TextAreaFor(a => a.FoodLabels, AdminOnlyAttribute(new Dictionary<string, object>() { { "class", "k-textbox" }, { "rows", "4" } }))</span>
    <span class="forprint"></span>
    <br /><br />
</div>

<div class="fullWidth">
    <span class="label">Table/Seating Signs: </span><span class="forscreen">@Html.TextAreaFor(a => a.TableSigns, AdminOnlyAttribute(new Dictionary<string, object>() { { "class", "k-textbox" }, { "rows", "4" } }))</span>
    <span class="forprint"></span>
        <br /><br />
</div>

<script>
    $('textarea').blur(function () {
        var copyText = $(this).val().replace(/\n/g, '<br/>');
        $(".forprint").html(copyText);
    });
</script>

<style>
.forprint {
    display: none;
}

@media print {
    .forprint {
        display: block;
        height: auto;
    }

    .forscreen {
        display: none;
    }
}
</style>

个性化菜单：@Html.TextAreaFor（a=>a.PersonalizedMenues，AdminOnlyAttribute（新字典（）{{“类”，“k-textbox”}，{“行”，“4”}））



食品标签：@Html.TextAreaFor（a=>a.FoodLabels，AdminOnlyAttribute（新字典（）{{“class”，“k-textbox”}，{“rows”，“4”}））



表/座位标志：@Html.TextAreaFor（a=>a.TableSigns，AdminOnlyAttribute（新字典（）{{“class”，“k-textbox”}，{“rows”，“4”}））



$（'textarea'）.blur（函数（）{
var copyText=$（this.val（）.replace（/\n/g，
）；
$（“.forprint”）.html（copyText）；
});
.forprint{
显示：无；
}
@媒体印刷品{
.forprint{
显示：块；
高度：自动；
}
.屏幕{
显示：无；
}
}

任何帮助都将不胜感激

---

另外值得注意的是，并不是每个表单上的所有文本区域都是这样排列的，所以我不能把它们都放在一个容器中

您需要获取父对象，然后获取其中的forprint

$('textarea').blur(function () {
    var copyText = $(this).val().replace(/\n/g, '<br/>'),
        parent = $(this).parents(".fullWidth");
    $(parent).find(".forprint").html(copyText);
});

$（'textarea'）.blur（函数（）{
var copyText=$（this）.val（）.replace（/\n/g，“
”），
父项=$（this）.parents（“.fullWidth”）；
$（父）.find（“.forprint”）.html（copyText）；
});

这是一个正在工作的jsfiddle

---

发布呈现的HTML，而不是

@HTML.TextAreaFor

的任何语言。呈现的HTML只是一个textarea。天才先生！非常感谢！