我有以下内联样式的锚,我需要来自的文本。
<table>
<tbody>
<tr>
<td class="CourseModels">
<A style="BORDER-BOTTOM: #0077cc 1px solid; BORDER-LEFT: #0077cc 1px solid; PADDING-BOTTOM: 1px; LINE-HEIGHT: 1.6em; BACKGROUND-COLOR: #0077cc; MARGIN: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; COLOR: #dedede; FONT-SIZE: 1.2em; BORDER-TOP: #0077cc 1px solid; FONT-WEIGHT: bold; BORDER-RIGHT: #0077cc 1px solid; PADDING-TOP: 1px" id="linkModel1" class="anchorModel" href="../ProductPage/Page.aspx?id=PS111&div=dvr">PS111</A>
<A style="BORDER-BOTTOM: #0077cc 1px solid; BORDER-LEFT: #0077cc 1px solid; PADDING-BOTTOM: 1px; LINE-HEIGHT: 1.6em; BACKGROUND-COLOR: #0077cc; MARGIN: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; COLOR: #dedede; FONT-SIZE: 1.2em; BORDER-TOP: #0077cc 1px solid; FONT-WEIGHT: bold; BORDER-RIGHT: #0077cc 1px solid; PADDING-TOP: 1px" id="linkModel2" class="anchorModel" href="../ProductPage/Page.aspx?id=PS112&div=dvr">PS112</A>
<A style="BORDER-BOTTOM: #0077cc 1px solid; BORDER-LEFT: #0077cc 1px solid; PADDING-BOTTOM: 1px; LINE-HEIGHT: 1.6em; BACKGROUND-COLOR: #0077cc; MARGIN: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; COLOR: #dedede; FONT-SIZE: 1.2em; BORDER-TOP: #0077cc 1px solid; FONT-WEIGHT: bold; BORDER-RIGHT: #0077cc 1px solid; PADDING-TOP: 1px" id="linkModel3" class="anchorModel" href="../ProductPage/Page.aspx?id=PS113&div=dvr">PS113</A>
(...dynamically created..)
</td>
</tr>
</tbody>
</table>
使用:
var m = $('.CourseModels', $(this).closest("tr")).html();
alert(m.text());
这会产生&#34;对象不支持此属性或方法&#34;。
答案 0 :(得分:0)
我希望这可以帮到你
var text1 = $('#linkModel1').html();
var text2 = $('#linkModel2').html();
var text3 = $('#linkModel3').html();
console.log(text1, text2, text3);
编辑1:
好的,你可以用这个:
$('.CourseModels a').each(function(index, element) {
console.log($(element).text());
});
一个工作示例here