Listing by Attributes When Parsing Html in Dart & Flutter

Question

var response = await http.get('https://www....');
dom.Document document = parser.parse(response.body);
var selectElements = document.getElementsByClassName('hello').map((item) => item.children).toList();

I can sort and list by classes thanks to the http library, but I don't know how to do it according to attributes. How can I list by attributes?

There is an HTML output as below. I want to list the ones whose attribute data-time is 9112020 and see the results for lorem ipsum3 and lorem ipsum4.

<tr class="hello" data-country="Germany" data-time="8112020">lorem ipsum1</tr>
<tr class="hello" data-country="Turkey" data-time="8112020">lorem ipsum2</tr>
<tr class="hello" data-country="Germany" data-time="9112020">lorem ipsum3</tr>
<tr class="hello" data-country="Turkey" data-time="9112020">lorem ipsum4</tr>

Akif · Accepted Answer · 2020-11-29 11:20:08Z

1

You need to use the where function to filter your items:

  var selectElements  = document
      .getElementsByClassName('hello')
      .where((element) => element.attributes['data-time'] == '9112020')
      .map((item) => item.text)
      .toList();

here is a GitHub gist for my full code: https://gist.github.com/ali2236/14a12460a7b8f857e9e5c02583fff91c

There also seems to be a bug with the HTML parser in my example which should not happen in the real world.

edited Nov 29, 2020 at 11:20

Akif

7,6687 gold badges33 silver badges62 bronze badges

answered Nov 8, 2020 at 19:35

Ali Qanbari

3,1311 gold badge17 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Listing by Attributes When Parsing Html in Dart & Flutter

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related