Форум

allonemoon · #1 (**permalink**) 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());

}
}
});

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

рони · #2 (**permalink**) 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>

рони · #3 (**permalink**) 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 · #4 (**permalink**) 16.12.2015, 11:23

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

Форум

Справочник

Discord чат

Курсы javascript