如何使用jQuery从之前的<td>的单击事件中获取<td>的值？

Question

我有以下HTML:

<tr>
    <td class="ui-widget-content">
        <a title="Edit" href="/Administration/Menus/Edit/001W"
           class="editLink ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only"
            role="button">
            <span class="ui-button-text">Edit</span>
        </a>
    </td>
    <td class="ui-widget-content">001W</td>
</tr>

对于editLink类,我应用以下内容:

$('.editLink')
              .button({ icons: { primary: "ui-icon-clipboard"} })
              .removeClass('ui-button-text-icon-primary')
              .addClass('ui-button-icon-only')
              .click(function () {
                  editClick(this);
                  return false;
               });

有没有办法让我这样做所以我用以下值<td>作为第二个参数调用editClick函数？

因此,例如在这种情况下,它将与调用editClick(this,"001W")相同

Answer 1

是的.

你可以$(this).closest('td').next().text()用来做那件事.

见closest(),next()和text()jQuery的文档.

$(this).parent().next().text()如果你可以保证你的DOM结构,你也可以使用td,但我更喜欢使用closest()它来使它更通用.