multiple selectors
multiple selectors
Hi all!
Noobie here. I began learning javascript two months ago, and have been encouraged to use jQuery by many reliable sources. Upon examining the jQuery documentation, it became clear that this library will help immensely. I see that one can easily select all elements that match any of a list of specified selectors, (
http://docs.jquery.com/Selectors/multiple#selector1selector2selectorN) but how would one select ONLY the elements that match ALL specified selectors?
For example, in
-
<body>
<form id="Form1">
<select class="color left">
<option value="Black">Black</option>
<option value="White">White</option>
</selected>
<select class="color right">
<option value="Black">Black</option>
<option value="White">White</option>
</selected>
</form>
<form id="Form2">
<select class="color left">
<option value="Black">Black</option>
<option value="White">White</option>
</selected>
<select class="color right">
<option value="Black">Black</option>
<option value="White">White</option>
</selected>
</form>
</body>
is there a way to write something like this:
-
<script type="text/javascript">
$(document).ready(function(){
$("#Form1 .color").change(function () {
$("#Form1 .color left").val = $("#Form2 .color left").val;
$("#Form1 .color right").val = $("#Form2 .color right").val;
});
});
</script>
This obviously isn't the situation in which I'm struggling. This could be rewritten with twice as much code, and function fine. I have a much larger problem in which some of my elements have four distinct classes, and I would like to select some elements contingent upon a combination of classes and parent ids. Is there an easy way to do this?
Many thanks in advance!