用jquery获取div内部文本

时间:2014-03-25 11:18:01

标签: javascript jquery text

我有这个HTML代码

<td style="width: 123px;" class="x-grid3-hd x-grid3-cell x-grid3-td-CORE_USERS_ALIAS">
    <div style="" class="x-grid3-hd-inner x-grid3-hd-CORE_USERS_ALIAS" title="Text">
        <a href="#" class="x-grid3-hd-btn"></a>Text<img src="data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" class="x-grid3-sort-icon">
    </div>
</td>

我试图获得“机会所有者别名”&#39; jquery中的文本并尝试使用此代码:

var j$ = jQuery.noConflict();
console.log('a: '+j$('a.x-grid3-hd-btn').next().text());
console.log('div: '+j$('div.x-grid3-hd-inner').text());

但我得到一个空白文本。 我也看到了这部分代码

<a class="x-grid3-hd-btn" href="#"></a>
Text
<img class="x-grid3-sort-icon" src="data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
萤火虫是灰色的。那是什么意思?我看到用html呈现的文本所以它必须在某处...谢谢。

3 个答案:

答案 0 :(得分:2)

您有一些错误:

第一个是你html中的拼写错误:

改变这个:

<a href="#" class="x-grid3-hd-btn"></a>Text<img src="data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" class="x-grid3-sort-icon">

为此:

<a href="#" class="x-grid3-hd-btn">Text</a><img src="data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" class="x-grid3-sort-icon"/>

文字在里面。关闭标签img。

并使用此选择器:$(".x-grid3-hd-btn").text()

答案 1 :(得分:0)

使用

$('a.x-grid3-hd-btn').parent().text()

答案 2 :(得分:0)

$( “X-GRID3-HD-内。”)文本();

$( 'a.x-GRID3-HD-BTN')的父()文本();