正在将span ID传递给jQuery变量：不工作

这是我的代码。我收到警报为“1”，但未应用css属性。

您在

.css

调用中忘记了id选择器：

jQuery(".tags").on('click',function(){ //to show a tagged pose
    var ids = $(this).attr('id');
    console.log(ids);

    var x_cord = $(this).attr('data-x');
    var y_cord = $(this).attr('data-y');

    alert($('#'+ids).length);
    $($(ids)).css({color:'gray'});

    $("#overshow").css({
        top: y_cord,
        left: x_cord,
        width:'100px',
        height:'100px',
        position:'absolute',
        border:'3px solid red'
    });

    $('#overshow').show('fast'); //.delay(1000).hide('slow');
});

---

您忘记了

.css

调用中的id选择器：

jQuery(".tags").on('click',function(){ //to show a tagged pose
    var ids = $(this).attr('id');
    console.log(ids);

    var x_cord = $(this).attr('data-x');
    var y_cord = $(this).attr('data-y');

    alert($('#'+ids).length);
    $($(ids)).css({color:'gray'});

    $("#overshow").css({
        top: y_cord,
        left: x_cord,
        width:'100px',
        height:'100px',
        position:'absolute',
        border:'3px solid red'
    });

    $('#overshow').show('fast'); //.delay(1000).hide('slow');
});

---

您忘记了

.css

调用中的id选择器：

jQuery(".tags").on('click',function(){ //to show a tagged pose
    var ids = $(this).attr('id');
    console.log(ids);

    var x_cord = $(this).attr('data-x');
    var y_cord = $(this).attr('data-y');

    alert($('#'+ids).length);
    $($(ids)).css({color:'gray'});

    $("#overshow").css({
        top: y_cord,
        left: x_cord,
        width:'100px',
        height:'100px',
        position:'absolute',
        border:'3px solid red'
    });

    $('#overshow').show('fast'); //.delay(1000).hide('slow');
});

---

您忘记了

.css

调用中的id选择器：

jQuery(".tags").on('click',function(){ //to show a tagged pose
    var ids = $(this).attr('id');
    console.log(ids);

    var x_cord = $(this).attr('data-x');
    var y_cord = $(this).attr('data-y');

    alert($('#'+ids).length);
    $($(ids)).css({color:'gray'});

    $("#overshow").css({
        top: y_cord,
        left: x_cord,
        width:'100px',
        height:'100px',
        position:'absolute',
        border:'3px solid red'
    });

    $('#overshow').show('fast'); //.delay(1000).hide('slow');
});

应该是

$($(ids)).css({color:'gray'})

应该是

$($(ids)).css({color:'gray'})

应该是

$($(ids)).css({color:'gray'})

应该是

$($(ids)).css({color:'gray'})

---

由于

ids

是当前元素的id（由

this

引用），因此可以使用dom元素reference

this

访问元素，无需使用id选择器

$("#"+ids).css({'color':'gray'})

---

由于

ids

是当前元素的id（由

this

引用），因此可以使用dom元素reference

this

访问元素，无需使用id选择器

$("#"+ids).css({'color':'gray'})

---

由于

ids

是当前元素的id（由

this

引用），因此可以使用dom元素reference

this

访问元素，无需使用id选择器

$("#"+ids).css({'color':'gray'})

---

由于

ids

是当前元素的id（由

this

引用），因此可以使用dom元素reference

this

访问元素，无需使用id选择器

$("#"+ids).css({'color':'gray'})

---

使用此键获取当前元素

$(this).css({color:'gray'});

或

---

使用此键获取当前元素

$(this).css({color:'gray'});

或

---

使用此键获取当前元素

$(this).css({color:'gray'});

或

---

使用此键获取当前元素

$(this).css({color:'gray'});

或

没有html代码，很难帮助您。请分享你的HTML代码

下面这句话很奇怪：

ids=$（this.attr（'id'）您没有使用
var

如果要将单击的项目设置为灰色，可以直接使用

$（this）

您可以将

.attr（“data-x”）

替换为

.data（“x”）

您可以在jquery中链接函数

检查以下代码段：

$（文档）.ready（函数（）{
$（“.tags”）。单击（函数（）{
$（this.css）({
颜色：'灰色'
});
$（“#过冲”）.css({
顶部：$（this）.data（'y'），
左：$（this）.data（'x'），
宽度：'100px'，
高度：'100px'，
位置：'绝对'，
边框：'3px纯红'
}).show（“fast”）；
});
});

标签1、x2、y2
标签2，x4，y4
标签3，x6，y6
标签4，x8，y8
过冲

没有html代码，很难帮助您。请分享你的HTML代码

下面这句话很奇怪：
ids=$（this.attr（'id'）您没有使用
var

如果要将单击的项目设置为灰色，可以直接使用
$（this）
您可以将
.attr（“data-x”）
替换为
.data（“x”）
您可以在jquery中链接函数
检查以下代码段：


$（文档）.ready（函数（）{
$（“.tags”）。单击（函数（）{
$（this.css）({
颜色：'灰色'
});
$（“#过冲”）.css({
顶部：$（this）.data（'y'），
左：$（this）.data（'x'），
宽度：'100px'，
高度：'100px'，
位置：'绝对'，
边框：'3px纯红'
}).show（“fast”）；
});
});

标签1、x2、y2
标签2，x4，y4
标签3，x6，y6
标签4，x8，y8
过冲

没有html代码，很难帮助您。请分享你的HTML代码

下面这句话很奇怪：
ids=$（this.attr（'id'）您没有使用
var

如果要将单击的项目设置为灰色，可以直接使用
$（this）
您可以将
.attr（“data-x”）
替换为
.data（“x”）
您可以在jquery中链接函数
检查以下代码段：


$（文档）.ready（函数（）{
$（“.tags”）。单击（函数（）{
$（this.css）({
颜色：'灰色'
});
$（“#过冲”）.css({
顶部：$（this）.data（'y'），
左：$（this）.data（'x'），
宽度：'100px'，
高度：'100px'，
位置：'绝对'，
边框：'3px纯红'
}).show（“fast”）；
});
});

标签1、x2、y2
标签2，x4，y4
标签3，x6，y6
标签4，x8，y8
过冲

没有html代码，很难帮助您。请分享你的HTML代码

下面这句话很奇怪：
ids=$（this.attr（'id'）您没有使用
var

如果要将单击的项目设置为灰色，可以直接使用
$（this）
您可以将
.attr（“data-x”）
替换为
.data（“x”）
您可以在jquery中链接函数
检查以下代码段：


$（文档）.ready（函数（）{
$（“.tags”）。单击（函数（）{
$（this.css）({
颜色：'灰色'
});
$（“#过冲”）.css({
顶部：$（this）.data（'y'），
左：$（this）.data（'x'），
宽度：'100px'，
高度：'100px'，
位置：'绝对'，
边框：'3px纯红'
}).show（“fast”）；
});
});

标签1、x2、y2
标签2，x4，y4
标签3，x6，y6
标签4，x8，y8
过冲
@dinespatil As@sudhar提到你也错过了
”
关于
颜色的属性我也改变了那一个，但我还是遇到了问题。@dinespatil As@sudhar提到你也错过了
”
关于
颜色的属性我也改变了那一个，但是我还是有问题。@dinespatil As@sudhar提到你也错过了
”
关于
颜色的属性我也改变了那个属性，但我还是有问题。@dinespatil As@sudhar提到你也错过了
”
关于
颜色的属性我也改变了那个属性，但我还是遇到了问题。您确定
ids=$（this.attr（'id'）
将为您提供
id
，因为它将只在给定的选择器上搜索。如果你能分享你的HTML