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