Question

I am newbee to jquery and have some work assigned to me to complete with jquery at my work. I have HTML DOM as follows

<bl id="delme">
<bt class="abst">Test1:</bt>
<bb>Test1Value</bb>
<bt class="abst">Test2</bt>
<bb>Test2Value</bb>
<bt class="abst">Test3</bt>
<bb>Test3Value</bb>?
<bt class="abst">Test4</bt>
<bb>Test4Value</bb>
<bt class="abst">Test5</bt>
<bb>Test5Value</bb>?
<bt class="abst">Test6</bt>
<bb>Test6Value</bb>
<bt class="abst">Test7</bt>
<bb>Test7Value</bb>
<bt class="abst">Test8</bt>
<bb>Test8Value</bb>?
<bt class="abst">Test9</bt>
<bb>Test9Value</bb>
<bt class="abst">Test10</bt>
<bb>Test10Value</bb>
</bl>

Now i need to use jquery to get get values like

Test1: Test1Value

Test2: Test2Value
…..

Test10 : Test10Value

How do i do this?

I cannot query through class since all the class has same name. Is there another option to do so?

Answer 1

I think, on first thoughts, though this is untested, that the following should work:

var values = {};

$('bt.abst').each(
    function(){
        values[$(this).text()] = $(this).next('bb').text();
    });

JS Fiddle demo, albeit the demo uses real mark up (a dl, with dt and dd elements).