以编程方式创建按钮并附加div元素

Question

所以我有以下的HTML

<tr class="forum forum_268">
    <td class="icon">
        <a href="forumdisplay.php?forumid=268"><img src="http://fi.somethingawful.com/forumicons/byob.gif" title="118527 replies in 4674 threads" alt=""></a>
    </td>
    <td class="title">
        <a class="forum" href="forumdisplay.php?forumid=268" title="Want to have a good time with friends online? Step in and have a chat. Chill out and enjoy yourselves online.">BYOB 8.2</a>
        <div class="subforums"><b>SUBFORUMS:</b> (None)<input style="float:right;" type="button" class="sb" value="Add">Test</div>
    </td>
    <td class="moderators"><a href="member.php?action=getinfo&amp;userid=85738">Jett</a>, <a href="member.php?action=getinfo&amp;userid=173896">Arnold of Soissons</a></td>
</tr>

你可以看到里面有一个按钮。 假设这种类型的代码在页面上重复15次左右。 当有人点击按钮时，我需要获取与他们点击的位置相对应的代码。

是否有一种很好的方法可以将整个元素class =“forum_268”的数据绑定到按钮上，这样当点击它时我可以访问它？

我确信我可以用隐藏的输入做一些事情，但这确实很混乱

Answer 1

这个获取元素tr class =“forum forum_268”

  $('.sb').click(function(event) {
     var a = $(this).parents('.forum');
  });