Answered

issues with selector builder

(0) Share

Report

Posted on by rwfletcher

Hi there,

I am trying to update a checkbox (the final child element) using the selector builder, by checking a h3 and a label name.

This is what my Jquery looks like but I cant seem to get it to work in the selector builder. Can someone please help with the syntax?

$("h3").filter(":contains('Sample')").parent().next().children().children().children().children().filter(":contains('Student 3')").parent().next().children()

Thank you

Categories:

Power Automate Desktop

I have the same question (0)

All responses (4)

Answers (1)

Sort by

Verified answer

geavgous Microsoft Employee on at

Like (1)

Report
Copy link

Link copied!
Hi rwfletcher,

Thanks for using Power Automate Desktop. Really glad that you are digging deeper and become familiar with more advanced functionality like custom CSS selectors. It seems that what you need is CSS Selector syntax help. Unfortunately, we are not able to provide such guidance as it's entirely up to the user to construct the selectors the way he/she needs.
What I can do to help though is to mention that Power Automate Desktop allows to to capture multiple times the same selector so that you can check which part of it is differentiated each time the page loads, so that you can edit that part exactly to be more "dynamic".

In order to to that, please follow the steps below:
When in Designer, open the UI Elements pane and click on Add UI Element Button.
Once you finished capturing the element needed, click done from the tracking session and you will return to the Designer where the new UI Element will be shown.
Select that UI Element in the UI Elements pane by double clicking
Once inside the selector, click the arrow on the "New" button and select the option "+ Selector with Recapture"
Go ahead and select the same element you did in step 1.
By clicking OK and returning to the Designer, the UI Element will now have 2 selectors, which you can correlate and compare to check what changed 🙂
That way, you will be able to better optimize the selector building process 🙂

Hope I helped,

Thanks
George

Thanks,
George

Was this reply helpful? Yes No
tkuehara 667 on at

Like (0)

Report
Copy link

Link copied!

Hi @rwfletcher

Could you provide a print from the HTML source and what value are you trying to get?

Was this reply helpful? Yes No
Pavel_NaNoi 1,074 on at

Like (0)

Report
Copy link

Link copied!

I recommend simply using "Extract data from webpage" (if you're on the web of course), it actually shows you what you're extracting and in the advanced options you can play around with the CSS code to get what you want, it looks a lot cleaner and is more intuitive, once done and you're happy with what your selector has found, simply copy that CSS code from the advanced options and paste it into your selector builder, it works the same.

Was this reply helpful? Yes No
rwfletcher 8 on at

Like (2)

Report
Copy link

Link copied!

Hi everyone,

Thank you for your advice and support.

I managed to solve the issue with the UI selector code below, where ClassIndex represents the nth position of classname e.g 'Sample' under the h3 and enrolment represents the name of the student e.g student 3.

div[Class="options-list"]:eq(%ClassIndex%) >ol >li > div[Class="field"] > input[id='%Student["Enrolment"]%']

Was this reply helpful? Yes No