javascript - Jquery auto numbering based on class div, but reset counter on specified div -

-

i have problem jquery numbering, want reset counter of green tables data, first tables data 1),2),3) next tables data 4),5),6) want reset 1),2),3),4) , on green tables data

the code used in javascript is

            var num1=1,num2=1,num3=1,num4=1;             $(".lv0name").each( function() {$(this).text(romanize(num1)  +". "+ $(this).text());num1++;});             $(".lv1name").each( function() {$(this).text(num2 +". "+ $(this).text());num2++;});             $(".lv2name").each( function() {$(this).text(num3 +"). "+ $(this).text());num3++;});             $(".lv3name").each( function() {$(this).text(num4 +". "+ $(this).text());num4++;});

part of code 

<table border="1" id="tabletabular" class="tablenum"> <tr>     <td bgcolor="blue" class="lv0name" id="root40" style="padding-left: 20px;">luas wilayah</td> </tr> <tr>     <td bgcolor="yellow" class="lv1name" style="padding-left: 40px;">daratan</td> </tr> <tr>     <td bgcolor="yellow" class="lv1name" style="padding-left: 40px;">laut 12 mil dari darat</td> </tr> <tr>     <td bgcolor="yellow" class="lv1name" style="padding-left: 40px;">zona laut</td> </tr>  <tr>     <td bgcolor="green" class="lv2name" style="padding-left: 60px;">laut teritorial</td> </tr> <tr>     <td bgcolor="green" class="lv2name" style="padding-left: 60px;">zona ekonomi ekslusif</td>   </tr> <tr>     <td bgcolor="green" class="lv2name" style="padding-left: 60px;">laut landasan kontinen</td> </tr>  <tr>     <td bgcolor="yellow" class="lv1name" style="padding-left: 40px;">panjang garis pantai</td> </tr> <tr>     <td bgcolor="blue" class="lv0name" id="root41" style="padding-left: 20px;">topografi</td> </tr> <tr>     <td bgcolor="yellow" class="lv1name" style="padding-left: 40px;">luas lahan berdasarkan kelas lereng</td> </tr> <tr>     <td bgcolor="green" class="lv2name" style="padding-left: 60px;">datar (0-2 derajat)</td> </tr> <tr>     <td bgcolor="green" class="lv2name" style="padding-left: 60px;">bergelombang (2-15 derajat)</td> </tr> <tr>     <td bgcolor="green" class="lv2name" style="padding-left: 60px;">curam (15-40 derajat)</td> </tr> <tr>     <td bgcolor="green" class="lv2name" style="padding-left: 60px;">sangat curam (&gt;40 derajat)</td> </tr>

here screenshot

table auto numbering jquery

regard

in case need iterate on each set , number items till element of same order or higher found like

$(".lv0name").each(function(i) {    $(this).text(romanize(i + 1) + ". " + $(this).text());      $(this).parent().nextuntil(':has(.lv0name)').find(".lv1name").each(function(i) {      $(this).text((i + 1) + ". " + $(this).text());        $(this).parent().nextuntil(':has(.lv1name, .lv0name)').find(".lv2name").each(function(i) {        $(this).text((i + 1) + ". " + $(this).text());          $(this).parent().nextuntil(':has(.lv0name, .lv1name, .lv2name)').find(".lv3name").each(function(i) {          $(this).text((i + 1) + ". " + $(this).text());        });      });    });        });        function romanize(r) {    return r;  }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>  <table border="1" id="tabletabular" class="tablenum">    <tr>      <td bgcolor="blue" class="lv0name" id="root40" style="padding-left: 20px;">luas wilayah</td>    </tr>    <tr>      <td bgcolor="yellow" class="lv1name" style="padding-left: 40px;">daratan</td>    </tr>    <tr>      <td bgcolor="yellow" class="lv1name" style="padding-left: 40px;">laut 12 mil dari darat</td>    </tr>    <tr>      <td bgcolor="yellow" class="lv1name" style="padding-left: 40px;">zona laut</td>    </tr>      <tr>      <td bgcolor="green" class="lv2name" style="padding-left: 60px;">laut teritorial</td>    </tr>    <tr>      <td bgcolor="green" class="lv2name" style="padding-left: 60px;">zona ekonomi ekslusif</td>    </tr>    <tr>      <td bgcolor="green" class="lv2name" style="padding-left: 60px;">laut landasan kontinen</td>    </tr>      <tr>      <td bgcolor="yellow" class="lv1name" style="padding-left: 40px;">panjang garis pantai</td>    </tr>    <tr>      <td bgcolor="green" class="lv2name" style="padding-left: 60px;">laut teritorial</td>    </tr>    <tr>      <td bgcolor="green" class="lv2name" style="padding-left: 60px;">zona ekonomi ekslusif</td>    </tr>    <tr>      <td bgcolor="blue" class="lv0name" id="root41" style="padding-left: 20px;">topografi</td>    </tr>    <tr>      <td bgcolor="yellow" class="lv1name" style="padding-left: 40px;">luas lahan berdasarkan kelas lereng</td>    </tr>    <tr>      <td bgcolor="green" class="lv2name" style="padding-left: 60px;">datar (0-2 derajat)</td>    </tr>    <tr>      <td bgcolor="green" class="lv2name" style="padding-left: 60px;">bergelombang (2-15 derajat)</td>    </tr>    <tr>      <td bgcolor="green" class="lv2name" style="padding-left: 60px;">curam (15-40 derajat)</td>    </tr>    <tr>      <td bgcolor="green" class="lv2name" style="padding-left: 60px;">sangat curam (&gt;40 derajat)</td>    </tr>


Comments

Post a Comment

Popular posts from this blog

how to insert data php javascript mysql with multiple array session 2 -

-
i have method method discussed , successful data entered 1 when more 1 can not database this programs my php form : <form class="form-horizontal" id="form-produk"> <div class="control-group" > <label class="control-label" for="kelas">kategori</label> <div class="controls"> <select class='form-control' name='id_kategori'> <?php $tampil=mysql_query("select * kategori order nama_kategori"); if ($id_kat==0){ echo "<option value=0 selected>- pilih kategori -</option>"; } while($w=mysql_fetch_array($tampil)){ if ($id_kat==$w[id_kategori]){ echo "<option value=$w[id_kategori] selected>$w[nama_kategori]</option>"; } else{ echo "<option value=$w[id_kategori]>$...
Read more

multithreading - Exception in Application constructor -

-
i wanna write snake game javafx , there exception don't know , want know how fix it. ( know it's not complete yet ) and want know , class extends application ( start override ) main in other programs? see , here not static void main bc didn't need, if want add main shoud do? it's exeption... exception in application constructor exception in thread "main" java.lang.nosuchmethodexception: main_snake.main([ljava.lang.string;) @ java.lang.class.getmethod(class.java:1819) @ com.intellij.rt.execution.application.appmain.main(appmain.java:125) and code : import javafx.animation.animationtimer; import javafx.application.application; import javafx.event.eventhandler; import javafx.scene.scene; import javafx.scene.canvas.canvas; import javafx.scene.canvas.graphicscontext; import javafx.scene.input.keyevent; import javafx.scene.layout.borderpane; import javafx.scene.paint.color; import javafx.stage.stage; import java.util.arraylist; /** * creat...
Read more

windows - CertCreateCertificateContext returns CRYPT_E_ASN1_BADTAG / 8009310b -

-
i realize similar post others (e.g. this one ), there details missing posts might significant case. to start with, here's simplified program: #include "stdafx.h" #include <windows.h> #include <wincrypt.h> int _tmain(int argc, _tchar* argv[]) { // usage: certextract certpath char keyfile[] = "c:\\certificates\\public.crt"; byte lp[65536]; security_attributes sa; handle hkeyfile; dword bytes; pccert_context certcontext; sa.nlength = sizeof(sa); sa.lpsecuritydescriptor = null; sa.binherithandle = false; hkeyfile = createfile(keyfile, generic_read, file_share_read, &sa, open_existing, file_attribute_normal, null); if (hkeyfile) { if (readfile(hkeyfile, lp, getfilesize(hkeyfile, null), &bytes, null) && bytes > 0) { certcontext = certcreatecertificatecontext(x509_asn_encoding, lp, bytes); if (certcontext) { printf("yay...
Read more