jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – 使用.after来添加a不起作用大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_489_4@ 我有一个表,目前每行有两列,我需要使用jQuery拆分它.

我试过这个:

$(document).ready(function() {
    $('.TextBold').after('</tr><tr>');
});

……但它不起作用.我想知道是否可以添加< p>测试< / p>而不是< / tr>< tr>那里?

在这里,您可以在JSfiddlehttp://jsfiddle.net/QjJhU/中看到我的代码

如果有人能解释这个问题,我将不胜感激.

解决方法

问题是你正在想象jQuery(和一般的Javascript)编辑HTML文档.它没有.浏览器读取HTML,然后从中创建DOM结构.那时,HTML内容完全无关紧要.浏览器唯一关心的是DOM结构.

这意味着您无法添加元素:您只能将整个元素(或文本节点)添加到文档中.您正尝试关闭一个标记(使用< / tr>)然后再打开另一个标记(使用< tr>).实际上,浏览器读取< / tr>< tr>并从中创建一个DocumentFragment.由于结束标记本身无效,因此将被删除.然后< tr>变成了一个完整的元素:有效地,< tr>< / tr>.这是有效的HTML,因此它被转换为有效的DOM元素并插入.

你需要找到一种方法一个tr中删除td,创建一个新的tr并将td添加到它.

这样的事情应该有效

$('.TextBold').each(function() {
    $('<tr/>').insertAfter(this.parentNodE).append($(this).next());
});

这说:

>对于每个TextBold元素,请执行以下操作:

>创建一个新的tr元素
>在TextBold的父元素(即tr)之后插入它
>将TextBold后面的元素附加到新tr(这也具有将其从当前位置移除的效果)

Here’s a jsFiddle with this working code.

大佬总结

以上是大佬教程为你收集整理的jquery – 使用.after来添加a不起作用全部内容,希望文章能够帮你解决jquery – 使用.after来添加a不起作用所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。