※ ChatGPTを利用し、要約された質問です（原文：jQueryで親カテゴリーが違う場合値を変えたい）
jQueryで親カテゴリーが違う場合値を変えたい
このQ&Aのポイント
jQueryを使って、親カテゴリーが異なる場合に値を変更する方法を知りたいです。
このソースコードでは、[rel~=tooltip]に当てはまる要素の親要素が.webの場合と.noneの場合で異なる処理をしたいです。
現在のコードでは、[rel~=tooltip]が含まれる要素の中に.webがある場合などの条件分岐がうまく機能していません。どのようにすれば条件分岐をすることができるでしょうか？
http://osvaldas.info/blog/elegant-css-and-jquery-tooltip-responsive-mobile-friendly
こちらのソースをいじってます。
[rel~=tooltip]に当てはまる要素で現在選択してる物の親要素が.webなら～と条件分岐したいのですが、実行しても、[rel~=tooltip]が含まれる要素の中に.webがあるならみたいなニュアンスになってるようです。どうやればここに条件分岐できるのでしょうか？
HTML↓
<html>
<head>~</head>
<body>
<div class="web"><a href="" rel="tooltip">abc</a></div>
<div class="none"><a href="" rel="tooltip">abc</a></div>
</body>
</html>
jQuery↓
$( document ).ready( function()
{
var targets = $( '[rel~=tooltip]' ),
target = false,
tooltip = false,
title = false;
targets.bind( 'mouseenter', function()
{
target = $( this );
tip = target.attr( 'title' );
if(target.parent('.web')) { tooltip = $( '<div id="tooltip" class="web"></div>' ); };
if(target.parent('.none')) { tooltip = $( '<div id="tooltip" class="none"></div>' ); };
if( !tip || tip == '' )
return false;
target.removeAttr( 'title' );
tooltip.css( 'opacity', 0 )
.html( tip )
.appendTo( 'body' );
}
