Как создать общий стол с jquery?

-2

Я хочу построить общую таблицу со структурой, как это:Как создать общий стол с jquery?

<table> 
    <tr> 
    <td>Lastname: Becker</td> 
    <td>Firstname: Mirjam</td> 
    <td>Compnany: bla</td> 
    <td>Contry: Belgium</td> 
    <td> 
     <img height="49" width="37" src="style/user.jpg" /> 
    </td> 
    <td> 
     <a href="userprofile.html"> 
     <img height="31" width="36" src="style/lupe.jpg" /> 
     </a> 
    </td> 
    </tr> 
</table>

У меня есть функция, но она не работает:

function createTableWithUserData() { 
    cloud.getUsers("46daed956").then(function(userDetails) { 
    var users = $(''); 
    $.each(steps.steps, function (i, s) { 
     var element = $('<td>' + userDetails.lastName + '</td>' + 
         '<td>' + userDetails.firstName + '</td>' + 
         '<td>' + userDetails.Company + '</td>'); 
     users.append(element); 
    }); 
}

источник

2013-11-20 r.r

Что общего об этой таблице? –

Ваш текущий код не создает ни '

', ни элементы' '. –

Откуда появилась переменная 'steps'? –

ответ

Попробуйте это с помощью шаблона:

<script id="userTemplate" type="text/x-jquery-tmpl"> 
    <table> 
    <tr> 
     <td>Lastname: ${lastName}</td> 
     <td>Firstname: ${firstName}</td> 
     <td>Compnany: ${Company}</td> 
     <td>Contry: ${Country}</td> 
     <td> 
     <img height="49" width="37" src="style/user.jpg" /> 
     </td> 
     <td> 
     <a href="userprofile.html"> 
      <img height="31" width="36" src="style/lupe.jpg" /> 
     </a> 
     </td> 
    </tr> 
    </table> 
</script> 

<script type="text/javascript"> 
    cloud.getUsers("46daed956").then($.proxy($.tmpl)) 
</script>

источник

2013-11-20 15:06:36

$(''); не является таблицей, используйте $('<table>'); вместо
Вы не добавили таблицу в документ, ее отсоединили. Прикрепите с помощью $('body').append(users); после цикла.
Добавить TR тоже.
Добавить другой}.

Попробуйте вместо этого:

function createTableWithUserData() { 
    cloud.getUsers("46daed956").then(function(userDetails) { 
    var users = $('<table>'); 
    $.each(steps.steps, function (i, s) { 
     var element = $('<tr><td>' + userDetails.lastName + '</td>' + 
         '<td>' + userDetails.firstName + '</td>' + 
         '<td>' + userDetails.Company + '</td></tr>'); 
     users.append(element); 
    } 
    $('body').append(users); 
    }); 
}

источник

2013-11-20 14:56:11

BTW: Вам лучше использовать js-render-templates. –

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