在tabhold上从jquery mobile获取行单元格值

时间:2015-09-15 11:03:17

标签: javascript jquery jquery-mobile

我正在创建一个Jquery移动表,并希望获得选择行的单元格值 现在我创建了一个静态表,但在渲染时,还有另一个字段。

<b class="ui-table-cell-label">-table header name - </b> 

我的静态表是

<tbody>
<tr>
<th>Single</th>
<td>2000</td>
<td>1800</td>
<td>10%</td>
<td><a href="">74/100</a></td>
</tr>
<tr>
<th>Double</th>
<td>3000</td>
<td>2700</td>
<td>10%</td>
<td><a href="">64/100</a></td>
</tr>
</body>

使用Mobile Jquery进行渲染后

<tbody>
                        <tr class="canedit">
                            <td><b class="ui-table-cell-label">Room Type</b>Single</td>
                            <td><b class="ui-table-cell-label">Rack Rate</b>2000</td>
                            <td><b class="ui-table-cell-label">Publish Rate</b>1800</td>
                            <td><b class="ui-table-cell-label">Discount</b>10%</td>
                            <td><b class="ui-table-cell-label">Avaliable Room</b><a href="" class="ui-link">74/100</a></td>
                        </tr>
                        <tr class="canedit">
                            <td><b class="ui-table-cell-label">Room Type</b>Double</td>
                            <td><b class="ui-table-cell-label">Rack Rate</b>3000</td>
                            <td><b class="ui-table-cell-label">Publish Rate</b>2700</td>
                            <td><b class="ui-table-cell-label">Discount</b>10%</td>
                            <td><b class="ui-table-cell-label">Avaliable Room</b><a href="" class="ui-link">64/100</a></td>
                        </tr>
                    </tbody>

所以当我想使用此代码获取行单元格值时

$(function () {
                $("tr.canedit").bind("taphold", tapHandler);

                function tapHandler(event) {
                    var customerId = $(this).find("td").eq(1).html();
                    alert(customerId);
                }
            });

我认为这是警报

<b class="ui-table-cell-label">Rack Rate</b>2000

我只想要价值

请帮帮我

1 个答案:

答案 0 :(得分:0)

使用.text()代替.html():

var customerId = $(this).find("td").eq(1).text();

API文档:http://api.jquery.com/text/

  

获取匹配元素集合中每个元素的组合文本内容,包括它们的后代,或者设置匹配元素的文本内容。