jQuery вернуть вторую ячейку таблицы после совпадения? - PullRequest
Новая
       25

jQuery вернуть вторую ячейку таблицы после совпадения?

0 голосов
/ 05 августа 2011

Этот код работает, но я думаю, что он привязывается к неправильному тегу. Здесь я считаю, что в первом совпадении с aaaaa возвращается значение ячейки для следующего div, потому что он находится под погружением. Но теперь, когда я также хочу получить значение 3-го тд в матче. Как я могу изменить этот код, чтобы я мог использовать его для получения обеих последующих ячеек, когда совпадение найдено. 

var bodyprefix  = $('#issuetbl td:contains(aaaa)').siblings().find('div').html();

Например, учитывая aaaa, я хочу var1 = что угодно и var2 = cccc

Я могу запустить его дважды, но хотел бы использовать одну и ту же функцию, основанную на index или nth-child. 

<tr>
<td>aaaa</td>
<td><div>whatever</div></td>
<td>cccc</td>
</tr>
<tr>
<td>1111</td>
<td><div>something</div></td>
<td>2222</td>
</tr>

Ответы [ 2 ]

1 голос
/ 05 августа 2011

Используйте nextAll вместо siblings: 

var bodyprefixes = [];
$('#issuetbl td:contains(aaaa)').nextAll().find('div').each(function(i, k) {
    bodyprefixes.push($(k).html());
});

bodyprefixes теперь является массивом всех значений.

0 голосов
/ 05 августа 2011

Это немного больше, чем вы просили с порциями в иллюстративных целях, но допускает большую гибкость: 

<script type="text/javascript">
$(document).ready(function(){
    var str = 'aaaa';
    var bodyprefixes = [];
    $("tr").each(function(k,v){
        var tds = $(this).children();
        var len = tds.length;
        $.each(tds, function(x,y){
            b = $(y).html(); 
            if(b == str){
                for(var i=0;i<len-1;i++){
                    bodyprefixes.push($(tds[i+1]).html());
                }
            }
        });
    });
    $.each(bodyprefixes, function(u,w){
        $("#variables").append("Var"+u+"= "+w+" <br>");
    });
});
</script>
<table id="issuetbl" border="1">
<tr> 
<td>aaaa</td> <td><div>whatever</div></td> <td>cccc</td> </tr> 
<tr> <td>1111</td> <td><div>something</div></td> <td>2222</td> </tr> 
</table>
<div id="variables"></div>
...