Div-теги внутри jQuery

Я добавляю данные JSON в таблицу с помощью jQuery. Я использую jExpand plugin, чтобы развернуть мои строки. Я хочу добавить class="arrow" и colspan="5" в мой код jQuery. Это приводит к ошибке, когда я ввожу их. Как включить их в код jQuery.Div-теги внутри jQuery

<td><div class="arrow"></div></td> 
<td colspan="5">

код для добавления данных в таблицу

$("#tableid").append("<tr><td> Product </td> <td >" + Day[0].substring(5, 11) + "</td><td> Current </td><td> Weekly </td><td> Monthly </td></tr>"); 

    for (var i = 1; i <= result.length; i++) { 
     $("#tableid").append("<tr><td>" + result[i].product + "</td><td><img src='images/" + result[i].Day01 + ".png' /></td><td><img src='images/" + result[i].Day07 + ".png' /></td><td><img src='images/" + result[i].WeeklyWeather + ".png' /></td><td><img src='images/" + result[i].MonthlyWeather + ".png' /></td><td><div class="arrow"></div></td></tr>"); 
    }

HTML код

<html> 
<head> 
    <title>Expand table rows with jQuery - jExpand plugin - JankoAtWarpSpeed demos</title> 
<link href="css/style.css" rel="stylesheet" type="text/css"> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script> 
<script language="javascript" type="text/javascript" src="js/dataBind.js"></script> 
    <script type="text/javascript"> 
     $(document).ready(function(){ 
      $("#report tr:odd").addClass("odd"); 
      $("#report tr:not(.odd)").hide(); 
      $("#report tr:first-child").show(); 

      $("#report tr.odd").click(function(){ 
       $(this).next("tr").toggle(); 
       $(this).find(".arrow").toggleClass("up"); 
      }); 
      //$("#report").jExpand(); 
     }); 
    </script>   
</head> 
<body> 
    <h1>JankoAtWarpSpeed demos</h1> 

<div class="CSSTableGenerator" >  
<table id="tableid"> 
</table> 
</div> 
    <em>* Information taken from Wikipedia</em> 
</body> 
</html>

источник

2015-12-16 Thilina Akalanka

Какую ошибку вы видите? . –

Объединение строк: '$ ("# TABLEID") добавить (" "+ результат [я] .product +"

");' - Поскольку вы используете '' '' для того, чтобы заключить строковый литерал, либо вы должны избегать '' 'внутри литерального, либо использовать' '' –

Вы должны увидеть сообщение об ошибке «Uncaught SyntaxError: missing» после списка аргументов' в вашем браузере консоль –

Ваш скрипт должен быть

$("#tableid").append("<tr><td> Product </td> <td >" + Day[0].substring(5, 11) + "</td><td> Current </td><td> Weekly </td><td> Monthly </td></tr>"); 

for (var i = 1; i <= result.length; i++) { 
    //here your html breaks that fixed 
    $("#tableid").append("<tr><td>" + result[i].product + "</td><td><img src='images/" + result[i].Day01 + ".png' /></td><td><img src='images/" + result[i].Day07 + ".png' /></td><td><img src='images/" + result[i].WeeklyWeather + ".png' /></td><td><img src='images/" + result[i].MonthlyWeather + ".png' /></td><td><div class='arrow'></div></td></tr>"); 
}

источник

2015-12-16 09:57:05

Что вы изменили? –

Хороший ответ, но не забудьте дать объяснение, в чем проблема и как это помогает. –

@RoryMcCrossan, Пусть он не торопится: P He хотел быть _first_ – Rayon

Div-теги внутри jQuery

ответ

Смежные вопросы