Разбор значений из HTML - PullRequest
Новая
       7

Разбор значений из HTML

0 голосов
/ 08 ноября 2019

я должен проанализировать значения из этого источника HTML: как я могу сделать это с помощью jQuery / JS в цикле?

"atttelist - ключ" - это имя столбца целевой БД. 

<dl class="attributelist-striped">
    <dt class="attributelist--key">Lorem Ipsum:</dt>
    <dd class="attributelist--value">value</dd>
    <dt class="attributelist--key">Lorem Ipsum1:</dt>
    <dd class="attributelist--value">value1</dd>
    <dt class="attributelist--key">Lorem Ipsum2:</dt>
    <dd class="attributelist--value">value2</dd>
    <dt class="attributelist--key">Lorem Ipsum3:</dt>
    <dd class="attributelist--value">value3</dd>
    <dt class="attributelist--key">Lorem Ipsum4:</dt>
    <dd class="attributelist--value">value4</dd>
    <dt class="attributelist--key">Lorem Ipsum5:</dt>
    <dd class="attributelist--value">value5</dd>
</dl>

Ответы [ 2 ]

0 голосов
/ 08 ноября 2019

Вы можете использовать функцию .each () для получения key или value значений отдельно: 

$('.attributelist-striped dt.attributelist--key').each(function(){

    console.log($(this).text());
})

$('.attributelist-striped dd.attributelist--value').each(function(){

    console.log($(this).text());
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<dl class="attributelist-striped">
    <dt class="attributelist--key">Lorem Ipsum:</dt>
    <dd class="attributelist--value">value</dd>
    <dt class="attributelist--key">Lorem Ipsum1:</dt>
    <dd class="attributelist--value">value1</dd>
    <dt class="attributelist--key">Lorem Ipsum2:</dt>
    <dd class="attributelist--value">value2</dd>
    <dt class="attributelist--key">Lorem Ipsum3:</dt>
    <dd class="attributelist--value">value3</dd>
    <dt class="attributelist--key">Lorem Ipsum4:</dt>
    <dd class="attributelist--value">value4</dd>
    <dt class="attributelist--key">Lorem Ipsum5:</dt>
    <dd class="attributelist--value">value5</dd>
</dl>
0 голосов
/ 08 ноября 2019

Вы можете проанализировать HTML, используя jquery $. ParseHTML () function 

var html='<dl class="attributelist-striped"><dt class="attributelist--key">Lorem Ipsum:</dt><dd class="attributelist--value">value</dd><dt class="attributelist--key">Lorem Ipsum1:</dt> <dd class="attributelist--value">value1</dd> <dt class="attributelist--key">Lorem Ipsum2:</dt>   <dd class="attributelist--value">value2</dd>  <dt class="attributelist--key">Lorem Ipsum3:</dt> <dd class="attributelist--value">value3</dd> <dt class="attributelist--key">Lorem Ipsum4:</dt> <dd class="attributelist--value">value4</dd><dt class="attributelist--key">Lorem Ipsum5:</dt><dd class="attributelist--value">value5</dd></dl>'

var p=$.parseHTML(html)
var z=p[0].children
for(var i=0;i<z.length;i++){ console.log(z[i].innerHTML)}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
...