先月、「要素が別の要素 の子要素であるかどうかを判断するための js」について勉強しましたが、非常に使いやすいことがわかりましたが、複数の要素を記述する場合など、jQuery アプリケーションにはまだ多くの欠陥があります。要素 立ち上がるのはあまり便利ではありません。そこで、要素が別の要素 (またはそれ自体) の子要素であるかどうかを判断する 2 つの比較的単純な jQuery 拡張機能を作成しました。
//現在の要素がフィルタリングされた要素の子要素であるかどうかを判断します
jQuery.fn.isChildOf = function(b){
return (this .parents(b).length > 0);
}
//現在の要素がフィルターされた要素の子要素であるか、それ自体であるかを判断します
jQuery.fn.isChildAndSelfOf = function (b){
return (this.closest(b).length > 0)
}
も非常に便利です。
$(document).click(function(event){
alert($(event.target).isChildOf(".floatLayer"));
または:
alert($(event.target). isChildAndSelfOf (".floatLayer"));
デモ アドレス:
http://demo.jb51.net/js/2012/isParent/jquery.htm