Finden Kind Id für bestimmte Eltern ID - Javascript

Question

Ich habe die unten zwei TR HTML DOM Baum. Ich muss feststellen, dass die Gesamtzahl der ID necessary nur für die ID successDesktop zugeordnet ist.

<TR class="greybgContent" id="7"> 
    <TD align="center"> 
     <DIV class="necessary" id="necessary">&nbsp;</DIV> 
     &nbsp; 
    </TD> 
    <TD>8 Bureau Consent </TD> 
    <TD id="successDesktop"> 
     <DIV class="floatLeft selectWidth15"> 
      <DIV class="available"></DIV> 
     </DIV> 
     <DIV class="floatLeft selectWidth85 greenText">Uploaded</DIV> 
    </TD> 
</TR> 
<TR class="greybgContent" id="8"> 
    <TD align="center"> 
     <DIV class="necessary" id="notrequired">&nbsp;</DIV> 
     &nbsp; 
    </TD> 
    <TD> 9 Address Details</TD> 
    <TD id="successDesktop"> 
     <DIV class="floatLeft selectWidth15"> 
      <DIV class="available"></DIV> 
     </DIV> 
     <DIV class="floatLeft selectWidth85 greenText">Uploaded</DIV> 
    </TD> 
</TR> 

Answer 1

Wenn ich Ihre Frage richtig verstehe, glaube ich, dass dies möglicherweise das sein wird, was Sie versuchen zu erreichen (ich verwendete jQuery).

$(document).ready(function(){ 

    // set the initial count to zero 
    var count = 0; 

    // loop over all table rows 
    $('tr').each(function(index, obj){ 

    // try to find an element with the id 'successDesktop' 
    if ($(obj).find('#successDesktop').length > 0) 
    { 
     // if 'successDesktop' exists, look for an element with id 'necessary' 
     if ($(obj).find('#necessary').length > 0) 
     { 
     // increase the count 
     count++; 
     } 
    } 
    }); 
    console.log('count: ', count); 

}); 

Zusätzlich können Sie Klassen verwenden anstelle von IDs für ‚erforderlich‘ und ‚successDesktop‘, weil IDs werden nur verwendet, pro Seite einmal werden soll. Klassen sollen wiederverwendbar sein.