jQuery: Предотвратить наследование дочерних элементов родительским атрибутом?

С jQuery: Как предотвратить детей () от наследования атрибутов родителей ()? Я работаю над этим и исследую это в течение 2+ часов; ничего не сработало.jQuery: Предотвратить наследование дочерних элементов родительским атрибутом?

Проблема раздела:

$("p").not("span").css("cursor", "pointer");

......

Полный код:

<script src="https://code.jquery.com/jquery-1.10.2.js"></script> 
<style>body {font-family:Arial,san-serif;font-size:25pt;}</style> 
<body> 
<p>Always shown | <span>Show/Hide</span></p> 
<p>Always shown | <span>Show/Hide</span></p> 
</body> 

<script> 
//Change pointer to a hand: 
$("p").not("span").css("cursor", "pointer"); 
//Show & Hide by clicking on "Always shown": 
function handler(event) { 
    var target = $(event.target); 
    if (target.is("p")) { 
    target.children().toggle(); 
    } 
} 
$("body").click(handler).find("span").hide(); 
</script>

источник

2015-04-24 Rublacava

вы можете привести пример о том, как вы хотите работать? – renakre

это чистая проблема с CSS ... лучшее решение - это переопределение того, что вы не хотите, чтобы ребенок наследовал – maioman

Почему бы вам не использовать CSS?

p{ cursor: pointer; } 
p span{ cursor: default; }

источник

2015-04-24 22:13:41 Hoyen

, если span - это p детей, правильный sintax - это p> span – MTS

@MTS Ваш селектор будет нацелен только на прямые дочерние элементы который хорош, но также не требуется или лучше в этом случае - p span - совершенно правильный способ нацелиться на этот диапазон. – wunth

Дети не вложены, являются прямыми. – MTS

Выражение $("p").not("span") буквально означает "выберите p элементы, которые не spans". Очевидно, что это всегда так.

Вы хотите проверить, если p не содержит span детей:

$("p:not(:has(span))").css("cursor", "pointer");

Однако для решения этой задачи, вы должны, вероятно, пойти с решением CSS, а затем JavaScript.

источник

2015-04-24 22:16:01 dfsq

Вы можете попробовать это: fiddle

p:hover { 
    cursor: pointer; 
} 
span:hover { 
    cursor: default; 
}

источник

2015-04-24 22:17:28 fcastillo

Вы можете сделать этот подход также, если вы хотите сделать на Jquery:

$("p").css("cursor", "pointer"); 
$("p span").css("cursor", "default");

источник

2015-04-25 00:28:59

jQuery: Предотвратить наследование дочерних элементов родительским атрибутом?

ответ

Смежные вопросы