Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   привести текст в порядок... (https://javascript.ru/forum/jquery/60188-privesti-tekst-v-poryadok.html)

allonemoon 16.12.2015 05:34

привести текст в порядок...
 
Есть скрипт $(document).ready(function () {
var MyRows = $('table#tblExport').find('tr');
for (var i = 1; i < MyRows.length; i++){
for (var j = 0; j < 4; j++) {
$('#result').append($(MyRows[i]).find('td:eq('+j+')').html());

}
}
});

Данные выводятся в одну строку... Как разделить полученный текст можно?

рони 16.12.2015 09:19

allonemoon,
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">

  </style>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script>
$(function() {
    var t = $("#tblExport"),
        d = $("#result");
    t = $.map($("tbody tr", t), function(tr) {
        var a = $.map($("td", tr), function(td) {
            return $(td).text()
        });
        a.push("<br>");//можно убрать
        return a.join(" ")
    });
    d.html(t)
});
  </script>
</head>

<body>
<table width="400" summary=""  id="tblExport">
	<thead>
		<tr>
			<th>Title 1</th>
			<th>Title 2</th>
			<th>Title 3</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>Cell 1.1</td>
			<td>Cell 1.2</td>
			<td>Cell 1.3</td>
		</tr>
		<tr>
			<td>Cell 2.1</td>
			<td>Cell 2.2</td>
			<td>Cell 2.3</td>
		</tr>
	</tbody>
</table>
<div id="result"></div>


</body>

</html>

рони 16.12.2015 09:37

allonemoon,
или так ...
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">

  </style>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script>
$(function() {
    var t = $("#tblExport"),
        d = $("#result");
    t = $.map($("tbody td", t), function(td) {
            return $(td).text()
    });
    d.html(t.join(" "))
});
  </script>
</head>

<body>
<table width="400" summary=""  id="tblExport">
	<thead>
		<tr>
			<th>Title 1</th>
			<th>Title 2</th>
			<th>Title 3</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>Cell 1.1</td>
			<td>Cell 1.2</td>
			<td>Cell 1.3</td>
		</tr>
		<tr>
			<td>Cell 2.1</td>
			<td>Cell 2.2</td>
			<td>Cell 2.3</td>
		</tr>
	</tbody>
</table>
<div id="result"></div>


</body>

</html>

.... можно и без jquery

allonemoon 16.12.2015 11:23

благодарю....
новичок просто я в этом деле.... вникаю постепенно благодаря вашей помощи...


Часовой пояс GMT +3, время: 20:31.