jQuery 添加新內容有以下四個方法:
-
append() - 在被選元素的結尾插入內容
-
prepend() - 在被選元素的開頭插入內容
-
after() - 在被選元素之后插入內容
-
before() - 在被選元素之前插入內容
<
table
id = "test">
<
thead
>
<
tr
><
th
>列1</
th
><
th
>列2</
th
><
th
>列3</
th
></
tr
>
</
thead
>
<
tbody
>
<
tr
><
td
>1</
td
><
td
>1</
td
><
td
>2</
td
></
tr
>
<
tr
><
td
>2</
td
><
td
>4</
td
><
td
>5</
td
></
tr
>
</
tbody
>
</
table
>
<
input
type
=
"button"
id
=
"btn1"
value
=
"在開頭增加"
>
<
input
type
=
"button"
id
=
"btn2"
value
=
"在末尾增加"
>
-
-
$(
function
(){
$(
"#btn1"
).click(
function
() {
$(
"#test tbody"
).prepend(
'<tr><td></td><td></td><td></td></tr>'
);
});
$(
"#btn2"
).click(
function
() {
$(
"#test tbody"
).append(
'<tr><td></td><td></td><td></td></tr>'
);
});
});
-