как выбрать все элементы <p> с общим родителем
подскажите пожалуйста, как выбрать все элементы <p>text1</p> которые находятся у одного родителя с class='my'
https://jsfiddle.net/kesvddqm/ :help: :help: :help: :help: |
mitrich38,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
.test {
color:red;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
$(function(){
$('p:contains("text1")', $('.my').parents(".main_class")).addClass('test');
})
</script>
</head>
<body>
<div class="main_class" id="1">
<div class="cont" id="1-1">
<p>text1</p>
<p>text1</p>
<p>text1</p>
<p>text1</p>
<p>text1</p>
<p>text1</p>
</div>
<div class="size_fixed" id="1-2"></div>
<div class="my"></div>
</div>
<div class="main_class" id="2">
<div class="cont" id="2-1">
<p>text1</p>
<p>text1</p>
<p>text1</p>
<p>text1</p>
<p>text1</p>
<p>text1</p>
</div>
<div class="size_fixed" id="2-2"></div>
<div class="my_2"></div>
</div>
</body>
</html>
|
mitrich38,
не помешает сразу jquery подключить) |
mitrich38,
или так
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
.test {
color:red;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
$(function(){
$('p:contains("text1")', $('.my').parent()).addClass('test');
})
</script>
</head>
<body>
<div class="main_class" id="1">
<div class="cont" id="1-1">
<p>text1</p>
<p>text1</p>
<p>text1</p>
<p>text1</p>
<p>text1</p>
<p>text1</p>
</div>
<div class="size_fixed" id="1-2"></div>
<div class="my"></div>
</div>
<div class="main_class" id="2">
<div class="cont" id="2-1">
<p>text1</p>
<p>text1</p>
<p>text1</p>
<p>text1</p>
<p>text1</p>
<p>text1</p>
</div>
<div class="size_fixed" id="2-2"></div>
<div class="my_2"></div>
</div>
</body>
</html>
|
а если мне неизвестно что внутри <P> находиться?
|
А Если вот так сделать, правильно?
https://jsfiddle.net/kesvddqm/2/ |
mitrich38,
если работает как вам нужно, то правильно или нет решайте сами. |
mitrich38,
Цитата:
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
.test {
color:red;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
$(function(){
$('p', $('.my').parent()).addClass('test');
})
</script>
</head>
<body>
<div class="main_class" id="1">
<div class="cont" id="1-1">
<p>text1</p>
<p>text1</p>
<p>text1</p>
<p>text1</p>
<p>text1</p>
<p>text1</p>
</div>
<div class="size_fixed" id="1-2"></div>
<div class="my"></div>
</div>
<div class="main_class" id="2">
<div class="cont" id="2-1">
<p>text1</p>
<p>text1</p>
<p>text1</p>
<p>text1</p>
<p>text1</p>
<p>text1</p>
</div>
<div class="size_fixed" id="2-2"></div>
<div class="my_2"></div>
</div>
</body>
</html>
|
Спасибо!
|
А вот тут такое дело происходит, если до конца резко прокрутить в Google Chrome :blink: :blink: :blink: :blink:
с чем это связанно :blink: :blink: :blink: http://artofflight.ru/test/ :blink: :blink: :blink: блин а в safari так вообще не работает(((( |
Цитата:
|
ну с одной проблемой я разобрался, анимация происходила в самом низу и по этому прыгал скролбар, а вот почмеу текст не анимируется в сафари не понятно. Должна каждая строчка аминироваться (((
|
Нашел ошибку, два раза дублировал добавление класса...
|
| Часовой пояс GMT +3, время: 00:39. |