如何从 jquery 获取 span 的值

How to get the value of span from jquery

本文关键字：span 的值 获取 jquery      更新时间：2023-09-26

我试图从jquery获取span的值，但它显示了这样的错误

   TypeError: document.getElementById(...) is null
   http://localhost:10489/YellowPages/YellowPageHome.aspx?Menu=menu_cat_3594
   Line 328

我有这样的跨度 

     <div  class="RatingAggregate" style="height: 25px; width: 25px;  margin: 5px;">
       <span id="AvgRt_1<%#DataBinder.Eval(Container, "DataItem.BusinessID")%>">
        <%#DataBinder.Eval(Container, "DataItem.Rating")%></span>
     </div>

我想像这样获取跨度的值

       var averageRatingValue = document.getElementById('AvgRt_1').innerHTML;

但显示空错误。 hOw我可以这样做，因为我正在尝试学习jquery。

首先，您的跨度有一个连接数据项businessID的id：

<span id="AvgRt_1<%#DataBinder.Eval(Container, "DataItem.BusinessID")%>">

所以 Id 看起来像：AvgRt_1x x是你的BusinessID

其次：你没有像你提到的那样使用jQuery。只是纯粹的Javascript。

var averageRatingValue = document.getElementById('AvgRt_1').innerHTML;

第三，如果您事先知道确切的id，则必须通过硬编码值或通过变量指定正确的id：

$('#AvgRt_1' + variable).text();

你为什么不把<%#DataBinder.Eval(Container, "DataItem.BusinessID")%>放在一个类中呢？

然后你可以做：

var businessId = '<%#DataBinder.Eval(Container, "DataItem.BusinessID")%>';
$('#AvgRt_1.' + businessId).text();

你做错了 

var averageRatingValue = document.getElementById('AvgRt_1').innerHTML;

因为您没有 id AvgRt_1但它是AvgRt_1<%#DataBinder.Eval(Container, "DataItem.BusinessID")%>

所以，试试这个jquery：

var averageRatingValue = $('span [id^=AvgRt_1]').html();

使用 JavaScript：

//define var for that
var spanId = '<%#DataBinder.Eval(Container, "DataItem.BusinessID")%>';
var averageRatingValue = document.getElementById('AvgRt_1' + spanId).innerHTML;

你可以简单地理解它，你也可以使用 属性开头与选择器 [name^="value"

] 
 $('span[id^="AvgRt_1"]').text() or or $('span').html()

对于颗粒跨度

 $('span #SPANID').text()
相关文章：