我在Ruby中有以下代码.我想将此代码转换为JavaScript.什么是JS中的等效代码？
text = <<"HERE"
This
Is
A
Multiline
String
HERE
我知道如何使用jquery将新行追加或添加到表中:
$('#my_table > tbody:last').append(html);
如何将行(在html变量中给出)插入到特定的"行索引"中i.因此i=3,例如,如果该行将作为表中的第4行插入.
嗨,我试图使用jQuery向表添加一行,但它无法正常工作.
可能是什么原因？
而且,我可以为新添加的行添加一些值吗？
这是代码:
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$('a').click(function() {
$('#myTable').childs('tr').append('<tr class="child"><td>blahblah<\/td></tr>');
});
</script>
<title></title>
</head>
<body>
<a href="">Link</a>
<table id="myTable">
<tbody>
<tr>
<td>
test
</td>
</tr>
</tbody>
</table>
</body>
</html>
我有var row=<tr><td>val</td><td>val2</td></tr>
,我试过这个:
$("#mainTable tbody").append(row);
但它附加到表的末尾.
我也试过了 $("#mainTable tr:first").after().append(row);
但尚未得到结果.
请帮我理解.
在JavaScript中,如何动态地向表中添加行？在JavaScript事件上,我想创建一个类似的行并附加到表中.
可能重复:
在jQuery中添加表行
我想在更改事件中向表中添加一个新行.这是我到目前为止:
$('#CourseID').change(function() {
$('#CourseListTable > tr > td:last').append('<td>...</td>');
});
这是我的表:
<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<dynamic>" %>
<table id="CourseListTable">
<tr>
<th>Course ID</th>
<th>Course Section</th>
<th>Level</th>
</tr>
<tr>
<td><select name="CourseID" id="CourseID"></select></td>
<td><select name="CourseSection" id="CourseSection"></select></td>
<td><select name="Level" id="Level"></select></td>
</tr>
</table>
我无法让它发挥作用.我在这里遗失了什么可以让任何人让我知道我的错误在哪里？
提前致谢.
我有以下内容:
<table>
<tr><td>author's first name</td><td>author's last name</td></tr>
<tr><td><input type='text' name='first_name' /></td><td><input type='text' name='last_name' /></td></tr>
</table>
<a href='' onclick='return false;'>Add Author</a>
每次我点击链接标签"添加作者"时,我想创建一个额外的表格行,如下所示:
<tr><td><input type='text' name='first_name2' /></td><td><input type='text' name='last_name2'</td></tr>
我看了.append(),我不确定如何在我的情况下使用它.我希望能够添加无限量的新表行.我该怎么做呢？
我正在使用基础5框架(不确定是否重要).我将把所有信息传递到另一个页面,所以当我通过它时,每个CELL是一个可区分的项目/值是非常重要的,但是我不确定如何开始这个问题.它应该在每次添加时添加另一行.删除也是如此.
任何人都可以指导我如何处理这个问题？这是我的标记:
<a href="#" class="button>Add line</a>
<a href="#" class="button>Delete line</a>
<div style="width:98%; margin:0 auto">
<table align="center">
<thead>
<tr>
<th>Status</th>
<th>Campaign Name</th>
<th>URL Link</th>
<th>Product</th>
<th>Dates (Start to End)</th>
<th>Total Budget</th>
<th>Daily Budget</th>
<th>Pricing Model</th>
<th>Bid</th>
<th>Targeting Info</th>
<th>Total Units</th>
</tr>
</thead>
<tbody>
<tr>
<td>df</td>
<td>dfd</td>
<td>fdsd</td>
<td>fdsfd</td>
<td>dsf</td>
<td>dd</td>
<td>dd</td>
<td>dd</td>
<td>dd</td>
<td>dd</td>
<td>dd</td>
</tr>
</tbody>
</table>
</div>
我有发票表.最后四行如下,从上一个开始:总计,税,小计,添加一个行链接.
所以我需要在"添加链接链接行"之前添加一行.
我对jquery很新.我有以下代码.在这里,我想通过单击添加按钮获取表中的新行,但我无法得到它.
谁能告诉我我在这里犯了什么错误？
<script type="text/javascript">
var $ = jQuery.noConflict();
$("#addrows").click(function () {
if (document.getElementById("hiddenprice").value == "") {
imagecounter = 4;
} else {
imagecounter = parseFloat(document.getElementById("hiddenprice").value) +1;
}
//imagecounter=4;
var newImageDiv = $(document.createElement('div'))
.attr("id", 'add_div' + imagecounter);
newImageDiv.after().html('<table width="100%" cellpadding="0"
cellspacing="0" class="pdzn_tbl1" border="0">' +
'<tr><td><input type="text" name="rollno<? $i ?>"/></td>' +
'<td><input type="text" name="firstname<? $i ?>" /></td>' +
'<td><input type="text" name="lastname<? $i ?>" /></td></tr></table>');
newImageDiv.appendTo("#addgroup");
$("tr:last").after(newImageDiv);
document.getElementById("hiddenprice").value = imagecounter;
imagecounter++;
});
</script>
<div class="common" style="width:1040px; -overflow-x:scroll; padding: 5px 5px 0 5px;">
<table …