0

当我的页面加载时，我将使用一个asp:DataGrid来访问数据库并在我的页面中填充一些隐藏的数据。当用户从下拉列表中选择一个值时，我想使用 jquery 在表中查找匹配的 Value 并返回兄弟 Rate span 的值。

因此，例如，如果选定的下拉值是 10，则将返回 80.00。如果选择 30，将返回 45.00。下面是生成的 html 的示例。

<table id="PercentGrid" cellspacing="0" border="1" style="border-collapse: collapse;">
  <tbody>
    <tr>
      <td>
        <span id="Value">10</span>
        <span id="Rate">80.00</span>
      </td>
    </tr>
    <tr>
      <td>
        <span id="Span1">20</span>
        <span id="Span2">75.00</span>
      </td>
    </tr>
    <tr>
      <td>
        <span id="Span3">30</span>
        <span id="Span4">45.00</span>
      </td>
    </tr>
    <tr>
      <td>
        <span id="Span5">40</span>
        <span id="Span6">100.00</span>
      </td>
    </tr>
  </tbody>
</table>

抱歉，如果这是一个重复或几乎重复的问题。我对 jquery 很陌生，也做了一些搜索，但没有找到任何正确的东西。谢谢！

4

2 回答 2

0

如果您更改代码以生成这样的跨度：

<span id="Rate30">45</span>

然后你可以简单地这样做：

$("#Rate" + $ddl.val()).text();

$ddl您的下拉列表在哪里。

于 2013-06-14T20:35:00.267 回答
0

您可以使用 jQuery .next() 函数。

//iterate over each span to find the one that has the proper value
var valueSpan = $('#PercentGrid').find('span').each(function () { 
    if ($(this).innerHtml() === value) return $(this);
})
alert($(valueSpan).next().innerHtml());;
于 2013-06-14T20:47:06.990 回答