我想将具有特定类的所有div的文本传输到同一页面上的textarea。
我怎样才能做到这一点?
例如:
< div class="test1" > Example1 < /div >
< div class="test2" > Example2 < /div >
< div class="test1" > Example3 < /div >
< div class="test3" > Example4 < /div >
我想转移div类test1的内容
并且在textarea中应该显示"Example1"和"Example3"。
请帮忙!
javascript或php
约翰
使用jQuery可以很容易地做到这一点:
var newTextVal ="";
$('.text1').each(
function()
{
newTextVal += $(this).text();
}
);
$('textarea').val( newTextVal );
上面将使用类"text1"遍历每个元素,并将其文本节点值附加到textarea中的文本。
看起来可以改进。我建议将值存储在字符串或字符串数??组中,并仅在结尾处设置textarea值,而不是每次循环时重新分配它。
绝对同意。我已经更新到适合:)
如果你正在寻找纯粹的javascript,这会有用 - 虽然这样的东西很容易在像jQuery这样的框架中处理:
Untitled Page
function CopyDivsToTextArea()
{
var divs = document.getElementsByTagName("div");
var textToTransfer ="";
var pattern = new RegExp("test1");
for(var i=0;i
{
if(pattern.test(divs[i].className))
{
textToTransfer += (divs[i].innerText || divs[i].textContent);
}
}
document.getElementById("ta").value = textToTransfer;
}
Example1