Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用数据()访问元素?_Javascript_Jquery_Css Selectors - Fatal编程技术网

Javascript 使用数据()访问元素?

Javascript 使用数据()访问元素?,javascript,jquery,css-selectors,Javascript,Jquery,Css Selectors,我不能更改id,我不能更改名称,我需要两个不同的类来设置元素的样式 可以使用数据()访问元素吗?基本上,我如何访问数据arrow=“el” $(“.vote”).data(“箭头”); $(“.vote”)。单击(函数(){//这里我需要一个应该有永久名称的选择器 //一些代码 }); 谢谢 这是jQuery的 但是,在类投票中选择所有a元素不是更好吗?像这样: $("a.vote").click(function(){...}); 此外,建议使用on()进行事件处理: $(documen

我不能更改id,我不能更改名称,我需要两个不同的类来设置元素的样式

可以使用数据()访问元素吗?基本上,我如何访问
数据arrow=“el”

$(“.vote”).data(“箭头”);
$(“.vote”)。单击(函数(){//这里我需要一个应该有永久名称的选择器
//一些代码
});
谢谢

这是jQuery的

但是,在类
投票中选择所有
a
元素不是更好吗?像这样:

$("a.vote").click(function(){...});
此外,建议使用
on()
进行事件处理:

$(document).on("click", "a.vote[data-arrow='el']", function(e){
    e.preventDefault();
    alert("clicked");
});

.

如果您试图从单击处理程序中访问已单击元素的数据,请执行以下操作:

$(".vote").click(function () {
    var arrow = $(this).data("arrow");
    // do whatever you want with the value of the arrow variable
});
如果您试图使用数据箭头值创建选择器,您可以(如Purmou的文章中所述),但只需添加另一个类并在选择器中使用该类将更为简洁,如中所示:

<a href="" class="vote el" id="<?php echo $id ?>" name="up">up</a>

看起来不是这样的-
数据箭头的两个链接的值相同。他只是想通过选择带有数据属性的元素来将单击附加到元素上。当我添加类(someclass)时,我将删除.vote,这样单击处理程序将停止工作。@user947462-
.addClass(“someclass”)
添加一个新类-它不会删除现有类。但是,如果愿意,可以从选择器中删除
.vote
,如果不想在选择器中使用
.vote
,可以使用
$(.el)
作为选择器。类在选择器中更干净,浏览器通常比数据属性更优化地按类选择。
$(".vote").click(function () {
    var arrow = $(this).data("arrow");
    // do whatever you want with the value of the arrow variable
});
<a href="" class="vote el" id="<?php echo $id ?>" name="up">up</a>
$(".vote.el")