使用jquery提取部分数据

时间:2015-02-20 18:42:42

标签: javascript jquery

我的成功消息中有一个完整的页面,它是完整的html,在其内部

<table><tr><td><font class="abc"><a></a> - these are multiple </font></td></tr></table>

现在我试图根据jquery的查找获取分页内容以获取字体标记的内部内容

尝试这样:

$("#mydiv").find("table>tr>td>font").html();

但这似乎不起作用

感谢大家的回答,在此更新#1

为了确保我得到的元素我需要文本[pages]是用inisde te字体标签写的,所以想要检查一下fonr是否有页面然后将extraxt整个内容放在字体里面 < / p>

谢谢

6 个答案:

答案 0 :(得分:0)

您可以找到类&#34; abc&#34;的字体标记。以下 -

$("#mydiv").find('.abc')

现在,要获取此标记的内容,您可以执行 -

$("#mydiv").find('.abc').html()

答案 1 :(得分:0)

它不起作用,因为<table>元素是您的代码段的根节点。因此,.find()无法完成其工作,因为它只搜索子节点。

.find("tr>td>font").html();

会因此而奏效。

答案 2 :(得分:0)

在您的html DOM中插入后,您的表格中会有额外的tbody,因此您的选择器无效。

所以你可以用另一个选择器来做到这一点:

$("#mydiv").find("tbody > tr > td > font").html();

答案 3 :(得分:0)

你可以这样做:

$("table").find(".abc").html();

答案 4 :(得分:0)

如果您不想使用该类来定位元素,请稍微更改选择:

$("#mydiv").find("table div>tr>td>font").html()

答案 5 :(得分:0)

您缺少浏览器呈现的<tbody>标记(用于更正错误的html)。此外,不推荐使用<font>标记,因此您可能希望避免使用它。

试试这个:

$("#myDiv").find("table > tbody > tr > td > font ").html();

请参阅this demo