javascript - 使用 Mootools css 选择器获取具有相同 id 的相同元素的元素

Question

我有一个表格，在td标签中有几个相同id的链接，我可以分别获取链接的内部html吗？我想知道

1. 为什么我不能添加具有与 $$('#update_room_link') 相同的元素但类选择器为 $$('.update_room_link') 有效
2. 2.如何获取各个链接的innerhtml。单击链接时相同的 id 但不同的 innerhtml，这里是 jsfiddle

这就是我想要的-

<table>
    <tr>
        <td> <a href="javascript:void(0)" class="update_room_link">Edit</a>

        </td>
        <td> <a href="javascript:void(0)" class="update_room_link">Delete</a>

        </td>
        <td> <a href="javascript:void(0)" class="update_room_link">Add</a>

        </td>
    </tr>
</table>

javascript 尝试作为

$$('#update_room_link').addEvent('click', function () {
    alert();// get innerHtml of Edit,Delete or Add as clicked

})

问题已更新
我在表格行中有一个 html SELECT，该行有很多表格数据。我想获取一个表格数据的值/innerhtml，该表格数据设置了 id(并且在同一行内)。或者我怎样才能立即获得 grand - child 的 parent 来自 child ..这可能吗

<tr> 
<td id="id">100</td> 
<td>Australi</td> 
<td>BAT</td> 
<td>2014-02-23</td> 
<td>pending</td> 
</tr>

我想要 SELECTED 选项名称的 innerhtml。所有选择都具有相同的类名。

Answer 1

ID 在 html 元素中必须是唯一的，这就是为什么你不能在你的 a 标签上使用相同的 ID 所以 $$('#update_room_link') 是对于所有元素。

你可以使用这个类并且可以像这样获取内部html

$$('.update_room_link').addEvent('click', function () {
    alert(this.innerHTML); //here you will get the respective inner HTML
})

DEMO

请参阅ID shold be unique

如果你想使用 id 那么它应该是唯一的，在这种情况下你将不得不独立地附加每个函数，这不是好的做法，比如

$$('#update_room_link1').addEvent('click', function () {....
$$('#update_room_link2').addEvent('click', function () {....