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

时间:2014-04-19 23:58:39

标签: javascript jquery html

所以我有以下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 =&#34; forum_268&#34;中的数据绑定到按钮上,这样当点击它时我可以访问它?

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

1 个答案:

答案 0 :(得分:2)

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

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