for ループ内で div を生成する jquery コードがあります。div は "id"+index(index++ 内のループ) と同じように ID を取得し、別の div 内に追加されます。すべてが期待どおりに機能しますが、生成された div のいずれかをマウスオーバーまたはクリックするたびに関数を作成したいと考えています。div は同時に表示され、div の量は一定ではありません。div の id について知っているのは "id"+index だけなのですが、どうすれば div を直接選択できますか?
div を生成するコードは次のとおりです。
NUM2 = NUM;
for(i = 0;NUM2>0;i++,NUM2--)
{
$("#imageBox").clone().attr('id',"imageBox"+NUM2).prependTo(DIV);
$('#imageBox'+NUM2).css({
backgroundImage:"url('pic')"
backgroundRepeat:'no-repeat',
backgroundSize:'contain',
width:'100px',
height:'100px',
margin:'4px',
float:'left',
});
ループを作成し、「id」+index をループのインデックスでチェックすることを考えましたが、うまくいきません。これが私が試したことです:
for(i=0;i<NUM;i++)
{
if($('#imageBox'+NUM).attr('id') = '#imageBox'+i)
{
$('#imageBox'+NUM).mouseenter(function()
{
$(this).css(
{
opacity:1,
border: '1px solid white',
});
});
$('#imageBox'+NUM).mouseleave(function()
{
$(this).css(
{
opacity:0.6,
border: '0px solid white',
});
});
$('#imageBox'+NUM).click(function()
{
alert("test");
});
}
}
あなたが私を助けてくれることを願っています
乾杯