html
<ul id="myList">
<li data-value="5">Item 1</li>
<li data-value="10">Item 2</li>
<li data-value="3">Item 3</li>
</ul>
import org.jsoup.Jsoup;
import org.jsoup.nodes.Document;
import org.jsoup.select.Elements;
import org.stjs.javascript.dom.Element;
import static org.dominokit.domino.ui.style.Unit.px;
public class D3SelectionExample {
public static void main(String[] args) {
String html = "<ul id=\"myList\">
" +
" <li data-value=\"5\">Item 1</li>
" +
" <li data-value=\"10\">Item 2</li>
" +
" <li data-value=\"3\">Item 3</li>
" +
"</ul>";
Document document = Jsoup.parse(html);
Elements items = document.select("#myList li");
items.forEach(item -> {
Element domElement = (Element) item;
int value = Integer.parseInt(domElement.getAttribute("data-value"));
domElement.getStyle().setBackground("rgb(" + (value * 20) + ", 0, 0)");
domElement.getStyle().setWidth(px(value * 10));
});
System.out.println(document.html());
}
}
