Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/363.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 为元素onclick()添加新的类名_Javascript - Fatal编程技术网

Javascript 为元素onclick()添加新的类名

Javascript 为元素onclick()添加新的类名,javascript,Javascript,这是我在JSFIDLE中的代码: 我想在单击“按链接”时添加新的类名。 我该怎么做?试试这个 $(element_id).addClassName(newClassName); 它只需添加类名,而不会删除以前的类名 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script> $(document).click(function(ev

这是我在JSFIDLE中的代码:

我想在单击“按链接”时添加新的类名。 我该怎么做?

试试这个

$(element_id).addClassName(newClassName);
它只需添加类名,而不会删除以前的类名

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).click(function(event) {
    var text = $(event.target.nodeName).selector;
$(text).addClass("newclass");
});
</script>
<style>
.newclass{
color: #00ff00;
}

</style>
<p>hello</p>
<input type="text" id="amount"/>

$(文档)。单击(函数(事件){
var text=$(event.target.nodeName).selector;
$(文本).addClass(“新类”);
});
.新班级{
颜色:#00ff00;
}
你好


编辑
上一篇帖子我很匆忙,我忘了最重要的addClass(addClass)(我忘了
我希望您能从jquery数据参数中获得线索。

经过大量测试,我为您找到了解决方案
html:

 <div id="res">
<a href="" class="ff" data-lat="123 " data-long="321 " data-hinttext="some hit text !" data-ballon="balloontext" >textr123</a>
</div>
})); });


不需要。我需要一个带有“this”参数的onclick处理程序。您使用的是jQuery吗(看起来是这样的)?你有没有想过进行任何研究?因为我很确定搜索“用jQuery添加类名”会直接导致您找到。是的,是的。我知道,如果我有id或类,如何添加类,例如:$('#123').on('click',function(){$(this).addClass('selected');return false;});但是我需要一个带有'this'参数的onclick处理程序,它没有元素的id。我想通过单击获取元素。请尝试以下操作:$(文档)。单击(函数(事件){var text=$(event.target.nodeName)。选择器;$(text.addClass(“newclass”);});
 <div id="res">
<a href="" class="ff" data-lat="123 " data-long="321 " data-hinttext="some hit text !" data-ballon="balloontext" >textr123</a>
</div>
  $('.ff').live('click', function(e) {
    e.preventDefault();

    var lat = $('.ff').data('lat');
    var long = $('.ff').data('long');
    var hinttext = $('.ff').data('hinttext');
    var balloontext = $('.ff').data('ballon');
alert(lat + long + hinttext + balloontext);

$(this).addClass('selected');

return false;