Get Specific class with Jquery/ JavaScript

Question

I have got a div containing some html elements. They all have a class named

class="fileItem read write".

But there could be an Element with

class="fileItem read write selected".

Now I want to get this element with the additional 'selected' tag and edit this. Currently I have an in JQuery

$(".fileItem").click(function(){
    // Code
});

which detect an click on one of these fileItems.

Here I want to edit style tag of the element with 'selected' tag. So is there something where I can say get all by class and select the on with "selected"?

why not use $(".fileItem.selected") - This will only be called when classselected is present with class fileItem. — Nikhil Nanjappa
– Nikhil Nanjappa, Commented Jul 4, 2017 at 11:16

Lars Beck · Accepted Answer · 2017-07-04 11:14:11Z

5

Just chain the desired class names like you would do in a CSS selector:

$(".fileItem.selected").click(function() {
    // do stuff
});'

answered Jul 4, 2017 at 11:14

Lars Beck

3,5942 gold badges26 silver badges26 bronze badges

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

Comments

Squiggs. · Accepted Answer · 2017-07-04 11:14:41Z

1

$(".fileItem").click(function(){
      $(this).find('.selected').style('blah','blah')
});

Something like this will allow you to perform other functions as well as the selected item.

answered Jul 4, 2017 at 11:14

Squiggs.

4,5028 gold badges56 silver badges94 bronze badges

Comments

Nick De Jaeger · Accepted Answer · 2017-07-04 11:15:10Z

1

$(".fileItem").click(function(e) {
  e.preventDefault();
  
  $('.selected').css({
    'color': 'green'
  });
});

answered Jul 4, 2017 at 11:15

Nick De Jaeger

1,24910 silver badges13 bronze badges

Comments

Ankit Agarwal · Accepted Answer · 2017-07-04 11:14:29Z

0

You can simply use this line of code to get the element with the selected class

$(".fileItem.read.write.selected").click(function() {
    // code here
});'

answered Jul 4, 2017 at 11:14

Ankit Agarwal

30.8k5 gold badges41 silver badges63 bronze badges

Comments

Aslam · Accepted Answer · 2017-07-04 11:14:46Z

0

You can use

   $(".selected").click(function(){});

answered Jul 4, 2017 at 11:14

Aslam

9,6985 gold badges39 silver badges52 bronze badges

5 Comments

Karol Selak Over a year ago

Unsafe solution - having some other objects with .selected class in DOM we'll affect them.

Aslam Over a year ago

If we think it this way then anything in DOM can get affected with any selector :)

Karol Selak Over a year ago

Yes, but .selected isn't a name precisely describing nature of the object while .fileItem seems to be. There's high probability that some other objects will be .selected too.

Karol Selak Over a year ago

Ok, for small projects that doesn't matter, but I think that's just bad practice. Safer solution could be naming the class .fileItemSelected, but that's overkill having ability of chaining classes in selectors (.fileItem.selected).

ioan Over a year ago

You can also put html body div#id.class > .fileItem.selected. The more minimalistic the better.

PotatoManager · Accepted Answer · 2017-07-04 11:18:17Z

0

Use core java script to do this.

function func() {
alert("Hello, world!");
}

document.getElementsByClassName("fileItem read write selected")
[0].addEventListener("click", func, false);

answered Jul 4, 2017 at 11:18

PotatoManager

1,7751 gold badge19 silver badges36 bronze badges

Comments

Calaris · Accepted Answer · 2017-07-04 11:19:36Z

0

As far as I know you should be able to combine the two classnames:

$(".fileItem.selected").click(function() {
//your actions
});

answered Jul 4, 2017 at 11:19

Calaris

1581 gold badge1 silver badge10 bronze badges

Collectives™ on Stack Overflow

Get Specific class with Jquery/ JavaScript

7 Answers 7

Comments

Comments

Comments

Comments

5 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

7 Answers 7

Comments

Comments

Comments

Comments

5 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related