将html从后面的s转换到第一行以获得单行

时间:2013-11-13 14:35:30

标签: jquery html variables

<html><head>
    <script src="js.js"></script>
    <title></title>
</head>
<body>

<table border=1>
<tr><div id="addonlocation"></div></tr>
<tr><div id="addonmatter_1"><td>am1.1</td><td>am1.2</td><td>am1.3</td></div></tr>
<tr><div id="addonmatter_2"><td>am2.1</td><td>am2.2</td><td>am2.3</td></div></tr>
<tr><div id="addonmatter_3"><td>am3.1</td><td>am3.2</td><td>am3.3</td></div></tr>

<script>
$(document).ready(function(){
    var ww=$(window).width();
    var addonmatter1=$("#addonmatter_1").html();
    var addonmatter2=$("#addonmatter_2").html();
    var addonmatter3=$("#addonmatter_3").html();
    var shifter= addonmatter1 + addonmatter2 + addonmatter3;
    if (ww<460) {$("#addonlocation").html(shifter)};
});
</script>
</body>
</html>

现在这就是我想要的:第二个,第三个和第四个内的所有数据(或文本)应该在第一个之后汇编以创建一行。

1 个答案:

答案 0 :(得分:0)

您可以通过循环浏览并在将内容添加到临时变量后删除它们来执行此操作。将所有tr的内容添加到变量后,将它们包装在tr中,并将变量附加到表中。 http://jsfiddle.net/nRJqA/1/

var content = "";
$('tr').each(function(){
    content += $(this).html();
    $(this).remove();
});
content = '<tr>'+content+'</tr>';
$('table').append(content);