Проблема в чтении свойств тега в переменной jquery, которая содержит весь код HTML - PullRequest
Новая
       1

Проблема в чтении свойств тега в переменной jquery, которая содержит весь код HTML

0 голосов
/ 04 декабря 2018

Я работаю над извлечением идентификатора элемента в html-файле, который включает в себя несколько таблиц, и идентификатор будет уникальным трехзначным словом. Помогите мне, как я получу эти идентификаторы.Ниже мой код 

<html lang="en">
            $(document).ready(function() {
        $("#btn").click(function(){
            $.ajax({
       url: 'gethtmlcode.php',                       
       success: function (response) {
         resp = response;                   //resp contains source code of html file
            });
            });     
        </script>
      </head>
      <body>
    <button id="btn">Submit</button>
     <p id="demo"></p>
     </body>
    </html>

Ниже мой HTML-код.Он содержит много таблиц и div.Я хочу получить идентификаторы всех таблиц и идентификатор div, который генерируется динамически. 

<!DOCTYPE html> <html>
         <table id="table1">

      <div id="157">
         <br>
         <table>
            <tr>
               <td>Test ID</td>
               <td>:</td>
               <td>157</td>
            </tr>
            <tr>
               <td>Test Plan Name</td>
               <td>:</td>
               <td>Validation-Current Day</td>
            </tr>
            <tr>        </div>
                <div id="200">
         <br>
         <table>
            <tr>
               <td>Test ID</td>
               <td>:</td>
               <td>157</td>
            </tr>
            <tr>
               <td>Test Plan Name</td>
               <td>:</td>
               <td>Eligibility Current Day</td>
            </tr>
            <tr>        </div>


         </table>
      </div>

Пожалуйста, помогите.

1 Ответ

0 голосов
/ 04 декабря 2018

Чтобы получить идентификатор таблицы из переменной html, вы можете использовать следующий код 

var response ="<html><body><table id='table1'><tbody></tbody></table></body><table id='table2'><tbody></tbody></table></body></html>";
console.log($('<div />', {html: response}).find('table').attr('id'));
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

для нескольких таблиц вам нужно будет использовать .each() для циклического перемещения по таблицам для получения каждого идентификатора таблицы 

var response ="<html><body><table id='table1'><tbody></tbody></table></body><table id='table2'><tbody></tbody></table></body></html>";
$('<div />', {html: response}).find('table').each(function(){
  console.log(this.id);
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...