jquery 在div中单击时查找下一个表

eivnm1vs 于 2023-06-05 发布在 jQuery

关注(0)|答案(2)|浏览(181)

我需要从下一个表中获取id或class，例如，当我单击蓝色正方形中的任何div时，从红色正方形的表中获取id或class。
如果我使用这个：

$('div').click(function() {
    console.log($(this).next().find('table').attr('id));
});

但是不管用！

HTML代码

<div id="statusServ">
    Status ::
    <div id="todosTicket" class="colorstatus">Todos</div>
    <div id="pendiente" class="colorpendiente colorstatus">Pendiente</div>
    <div id="atencion" class="coloratencion  colorstatus">En Atención</div>
    <div id="concluido" class="colorconcluido colorstatus">Concluido</div>
    <div id="cerrado" class="colorcerrado colorstatus">Cerrado</div> | Acciones ::
</div>
<i>Para visualizar los detalles del ticket, presione sobre la fila deseada.</i>
<table cellspacing="1" id="rBuscarServicio" class="tableResultsSearch tSeguimiento" name="rBuscarServicio">
    <thead>
        <tr>
            <th>#TKMA</th>
            <th>CLIENTE</th>
            <th>EMPRESA</th>
            <th>ING. ASIGNADO</th>
            <th>FECHA CREACIÓN</th>
            <th>OBSERVACIONES</th>
            <th style="display:none;">STATUS</th>
        </tr>
    </thead>
    <tbody>
    </tbody>
</table>

jquery

来源：https://stackoverflow.com/questions/15423870/find-next-table-when-click-in-a-div

2条答案

按热度按时间

zwghvu4y1#

next()只能让您找到下一个兄弟节点，在本例中是下一个蓝色的<div/>。
您必须沿着树向上移动到<div/>，它是包含<table/>的<div/>的兄弟节点。
在您的示例中，以下内容应该有效。

Fiddle

$('#statusServ').children().click(function(){
    console.log(
        $(this)             // div that was clicked
            .parent().parent()       // #statusServ
            .find('table')         // #rBuscarServicio_wrapper
            .prop('id')     // 'rBuscarServicio'
    );
});

注：

一般来说，最好使用prop()而不是attr（）。
prop() vs attr()))

赞(0）回复(0）举报 2023-06-05

4xy9mtcn2#

$('div.colorstatus').click(function() {
  console.log($(this).closest('div.buscar').find('table').attr('id'));
});

编辑（文章底部提供的HTML替代）：

$('div.colorstatus').click(function() {
  console.log($(this).parent('div').siblings('table').attr('id'));
});

赞(0）回复(0）举报 2023-06-05

我来回答

jquery 在div中单击时查找下一个表

2条答案

Fiddle

相关问题

热门标签

最新问答