0

我想用 JQuery 将某些 html 片段注入现有的 html 页面。现有片段：

<table class="course hoverHighlight">
    <tbody>...</tbody>
       ...
</table>

我想注入：

<thead>
        <tr>
            <th class="title">Course</th>
            <th class="author">Author</th>
            <th class="level">Level</th>
            <th class="rating">Rating</th>
            <th class="duration">Duration</th>
            <th class="releaseDate">Released</th>
        </tr>
</thead>

在tbody标签之前。

<table class="course hoverHighlight">
    <thead>...</thead>
    <tbody>...</tbody>

</table>

我已经尝试过这段代码，但它没有工作：

function() {
    var theadInjection= $("<thead>
    <tr>
        <th class="title">course</th>
        <th class="author">author</th>
        <th class="level">level</th>
        <th class="rating">rating</th>
        <th class="duration">duration</th>
        <th class="releasedate">released</th>
    </tr>
    </thead>");
   $( '.course' ).prepend(theadInjection);

}

像这样的简单注入确实有效：

function() {
    var theadInjection= $("<thead></thead>");
   $( '.course' ).prepend(theadInjection);

谢谢。

4

2 回答 2

0

您应该会看到语法错误。如果您正确地转义了引号和换行符，这将起作用。在这种情况下，您可以简单地使用单引号：

  var theadInjection= $("<thead> \
    <tr> \
        <th class='title'>course</th> \ 
      //more headers here
    </tr> \
    </thead>");
于 2013-10-01T22:12:22.053 回答
0

你"周围的类属性正在结束你的字符串。您需要将它们更改为'或切换到'整个字符串。但是，您还有第二个问题。如果没有一些额外的工作，Javascript 不会执行多行字符串。在 JavaScript 中创建多行字符串

 var theadInjection= $('<thead> \
    <tr> \
        <th class="title">course</th> \
        <th class="author">author</th> \
        <th class="level">level</th> \
        <th class="rating">rating</th> \
        <th class="duration">duration</th> \
        <th class="releasedate">released</th> \
    </tr> \
    </thead>');
于 2013-10-01T22:13:39.467 回答