Javascript jQuery悬停多个ID';来自php生成的DIV的

Javascript jQuery悬停多个ID';来自php生成的DIV的,javascript,php,jquery,sql,Javascript,Php,Jquery,Sql,我在使用jQuery脚本时遇到了一些问题 我使用PHP根据SQL中的数据生成div echo "<div class='order' id='a$i' runat='server' draggable='true' >"; 该代码适用于第一个div,或者我用r变量指定的div。 我对页面上所有ID的代码都有问题。它们是基于SQL数据生成的 有没有一种方法可以使用循环函数来实现这一点?或者从生成的div中获取ID 感谢您提前提供的所有帮助。使用从选择器开始 $("div[id^='

我在使用jQuery脚本时遇到了一些问题

我使用PHP根据SQL中的数据生成div

echo "<div class='order' id='a$i' runat='server' draggable='true' >";
该代码适用于第一个div,或者我用r变量指定的div。 我对页面上所有ID的代码都有问题。它们是基于SQL数据生成的

有没有一种方法可以使用循环函数来实现这一点?或者从生成的div中获取ID


感谢您提前提供的所有帮助。

使用
选择器开始

$("div[id^='a']").hover(function(event) {
    //Do your thing
}

文档:

使用
以选择器开始

$("div[id^='a']").hover(function(event) {
    //Do your thing
}

文档:

如何在类上而不是在div上添加悬停事件,但添加基于div的逻辑

$(".theclassofA").hover(function(event) {
var id = $(this).attr('id');
var temp_rel = //then get the integer 'r' from this id
var temp_id = "b"+temp_rel;
//use this temp_id to show/hide your elements
}

不如在类上添加hover事件而不是div,但添加基于div的逻辑

$(".theclassofA").hover(function(event) {
var id = $(this).attr('id');
var temp_rel = //then get the integer 'r' from this id
var temp_id = "b"+temp_rel;
//use this temp_id to show/hide your elements
}

它只是在所有屏幕上显示相同的div。我需要它在a1上显示b1,在a2上显示b2,在a3上显示b3…在附加了那些动态
div
元素之后,您需要使用此代码。我需要指定第一个div的ID来显示相应的ID div。它只在所有div上显示相同的div。我需要它在a1上显示b1,在a2上显示b2,在a3上显示b3…在附加了那些动态
div
元素之后,您需要使用此代码。我需要指定第一个div的ID来显示相应的ID div。是的,有一种方法可以循环通过它们,但这不是很简单。如果可能的话,我建议修改PHP,以便它向这些div添加一个特定的类,并使用该类轻松地遍历它们。这将使您的生活更轻松,代码更不容易出错。我的div已经有了类,当我悬停在ORDER class div上时,它应该显示POSITION class div。它们看起来是这样的:是的,有一种方法可以循环使用它们,但这不会很简单。如果可能的话,我建议修改PHP,以便它向这些div添加一个特定的类,并使用该类轻松地遍历它们。这将使您的生活更轻松,代码更不容易出错。我的div已经有了类,当我悬停在ORDER class div上时,它应该显示POSITION class div。它们看起来是这样的:我已经指定了类,有没有方法将逻辑添加到r变量?如果您有一些好的唯一id,“logic to r variable”是什么意思(不是a1)这不会伤害你的html页面,然后你可以使用下面Philantrover的答案,这样就可以了。除此之外,你可以将事件关联到类,然后从中获取id,r,然后做你的事情。有意义吗?我所需要的是为我生成的每个div更改脚本中的r变量。如果我复制相同的脚本,其他一切都可以工作只需更改r值(1,2,3,4,5…)就行了。为绑定添加for循环并不是一个很好的方法,只需尝试此方法并调整一点以适合您的实现。`$(“.order”).hover(函数(事件){var order\u id=$(this.attr('id');var position\u id=“b”+order\id.replace('a','')//调整代码$('div 35;+order\id)。hover(函数(e){$('div#'+位置id).show()},函数(){$('div#'+位置id.hide()})},`我已经指定了类,有没有办法把逻辑添加到r变量?如果你有一些好的唯一id(不是a1),那么“逻辑到r变量”是什么意思这不会伤害你的html页面,然后你可以使用下面Philantrover的答案,这样就可以了。除此之外,你可以将事件关联到类,然后从中获取id,r,然后做你的事情。有意义吗?我所需要的是为我生成的每个div更改脚本中的r变量。如果我复制相同的脚本,其他一切都可以工作只需更改r值(1,2,3,4,5…)就行了。为绑定添加for循环并不是一个很好的方法,只需尝试此方法并调整一点以适合您的实现。`$(“.order”).hover(函数(事件){var order\u id=$(this.attr('id');var position\u id=“b”+order\id.replace('a','')//调整代码$('div 35;+order\id)。hover(函数(e){$('div#'+position_id).show();},函数(){$('div#'+position_id.hide();})`