CSS selector select some part of div class name

Question

Select one part of text in div class:

<div class="enabled_disabled disabled">
<div class="enabled_disabled">
<div class="enabled_disabled">
<div class="enabled_disabled">
<div class="enabled_disabled disabled">

I have those div tags, is there any xpath syntax or fizzler CSS selectors syntax to select just those div tags which have enabled_disabled only (the 3 in the middle)? not those with enabled_disabled disabled

var html = new HtmlDocument();
html.LoadHtml(getitems);

var doc = html.DocumentNode;
var items = (from r in doc.QuerySelectorAll("div.enabled_disabled:not(.disabled)")
    let Name = r.InnerHtml//QuerySelector("div.enabled_disabled div.title_bar div.rate_title span.name").InnerText.CleanInnerText()
    select new {
        CName = Name
    }).ToArray();

I am not sure if I understood correctly, but you could see this post for getting the class name: stackoverflow.com/questions/22004818/… — danrodi
– danrodi, Commented Jul 8, 2014 at 8:28
@bluewonder - Look at other answers also may be it is help you — Sudharsan S
– Sudharsan S, Commented Jul 8, 2014 at 8:52

SW4 · Accepted Answer · 2014-07-08 09:15:48Z

11

Fizzler

To select an element with only the class enabled_disabled, you would use:

[class='enabled_disabled']

Using a :not selector is not available in vanilla Fizzler, but can be used if you grab FizzlerEx

XPath

To select an element with only the class enabled_disabled, you would use:

div[@class='enabled_disabled']

In plain old CSS

If the div's assigned classes starts with enabled_disabled:

div[class^=enabled_disabled ]

If the div's assigned classes contains enabled_disabled

div[class*=enabled_disabled ]

If the div only has the class enabled_disabled

div[class=enabled_disabled ]

If the div has the class enabled_disabled and not the class disabled

div.enabled_disabled:not(.disabled)

Given the HTML you list in your question, either of the last two will work for you.

more on attribute selectors from MDN, and, more on :not()

edited Jul 8, 2014 at 9:15

answered Jul 8, 2014 at 8:29

SW4

71.5k20 gold badges137 silver badges140 bronze badges

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

9 Comments

Sid M Over a year ago

SO should provide answers to be marked as favorites, rather than questions.. +1.

bluewonder Over a year ago

Thanks for you reply, However, I tried those last 2 with doc.QuerySelectorAll (Fizzler) and doc.SelectNodes (XPATH) and I have the errors as following: Xpath : ExceptionMessage: "'div.enabled_disabled:not(.disabled)' has an invalid token." and Fizzler : ExceptionMessage: "Unknown functional pseudo 'not'. Only nth-child and nth-last-child are supported."

Sudharsan S Over a year ago

The OP ask only the 3 in the middle elemnets should be select

bluewonder Over a year ago

@SW4 Yes I tried div[class='enabled_disabled'] and both div.enabled_disabled but it return all the div which includes also the (disabled) standing alone

SW4 Over a year ago

re: code.google.com/p/fizzler/issues/detail?id=33, any way you would consider using FizzlerEx?fizzlerex.codeplex.com

|

Matas Vaitkevicius · Accepted Answer · 2014-07-08 08:44:41Z

1

You could use this selector that will match the class and will avoid the other.

$(".enabled_disabled:not('.disabled')");

and you can take out contents out of $()

and it is valid css selector

 .enabled_disabled:not(.disabled)

edited Jul 8, 2014 at 8:44

answered Jul 8, 2014 at 8:28

Matas Vaitkevicius

61.9k37 gold badges253 silver badges278 bronze badges

Comments

Sudharsan S · Accepted Answer · 2014-07-08 08:50:18Z

0

Use not() selector in css.The :not pseudo-class represents an element that is not represented by its argument.

.enabled_disabled:not(.disabled){


}

FIDDLE

More about

SEE THE LINK

edited Jul 8, 2014 at 8:50

answered Jul 8, 2014 at 8:35

Sudharsan S

15.4k4 gold badges34 silver badges51 bronze badges

3 Comments

SW4 Over a year ago

The OP is after XPath / Fizzler, :not isnt supported

bluewonder Over a year ago

@SW4 Yes, Im using Xpath / Fizzler and this is the error message that I have : Message: "An error has occurred.", ExceptionMessage: "'.enabled_disabled:not(.disabled)' has an invalid token.", ExceptionType: "System.Xml.XPath.XPathException",

bluewonder Over a year ago

I also tried div[@class='enabled_disabled'] but it returns all the div tags @Sudharsan

Collectives™ on Stack Overflow

CSS selector select some part of div class name

3 Answers 3

Fizzler

XPath

In plain old CSS

9 Comments

Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Fizzler

XPath

In plain old CSS

9 Comments

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related