Selenium（C＃）IEWebDriver使用ExecuteJavaScript调用jQuery返回IWebElement

Question

I'm new to this but I want to attempt something like this:

var clickableThing = myWebDriver.ExecuteJavaScript<IWebElement>("return $('" + Selector + "');");
clickableThing.Click();

My aim is to bypass the IE driver's css selector and use an alternative css selection implementation.

Any help would be very much appreciated.

Answer 1

I think you need to return a DOM element, not a jQuery object.

If so, then adding [0] should do the trick:

var clickableThing = myWebDriver.ExecuteJavaScript<IWebElement>("return $('" + Selector + "')[0];");
clickableThing.Click();

Follow-Up Verification

Disclaimer: This may not apply to you, since I'm apparently using a different version of the WebDriver (mine has the ExecuteScript method, not ExecuteJavaScript ). But just as a sanity check...

I have a little C# helper library for Selenium, which had the following Click method:

public void Click(string cssSelector)
{
    Log("Clicking element \"{0}\".", cssSelector.Replace("\"", "\\\""));
    _driver.FindElementByCssSelector(cssSelector).Click();
}

When I updated it to use the JavaScript approach from your original post, it threw an exception because it couldn't cast the return object to an IWebElement .

public void Click(string cssSelector)
{
    Log("Clicking element \"{0}\".", cssSelector.Replace("\"", "\\\""));
    IWebElement webElement = (IWebElement)_driver.ExecuteScript("return $('" + cssSelector + "');");
    webElement.Click();
}

But when I added the [0] , it worked.

public void Click(string cssSelector)
{
    Log("Clicking element \"{0}\".", cssSelector.Replace("\"", "\\\""));
    IWebElement webElement = (IWebElement)_driver.ExecuteScript("return $('" + cssSelector + "')[0];");
    webElement.Click();
}

So, while this isn't targeting the exact same IJavaScriptExecutor interface implementation, I think it at least indicates that the [0] tweak will probably fix things.