草庐IT

点击元素

全部标签

javascript - 更改所选元素的颜色 - React

我是React的新手。我正在尝试更改选定的一个特定“li”的颜色,但它会更改所有“li”的颜色。另外,当另一个“li”被点击时,我希望第一个“i”不再处于事件状态。这是代码:http://codepen.io/polinaz/pen/zNJKqOvarList=React.createClass({getInitialState:function(){return{color:''}},changeColor:function(){varnewColor=this.state.color==''?'blue':'';this.setState({color:newColor})},re

javascript - 如何更改内部元素和数组

如何让“arr”中的“e”元素被change0替换?arr数组将由用户输入,我需要更改它,无法预测哪个元素将是"e"。vararr=["a","b","c","d","e","f","g","h","e","j","e"];varchange0=2varchange1=1document.write(arr); 最佳答案 您可以使用map()方法,这将返回新的更新数组并保存原始数组。vararr=["a","b","c","d","e","f","g","h","e","j","e"];varchange0=2;varresult=

javascript - 星级评分系统点击保存值(value)

我正在尝试制作一个星级评分系统,我有这段代码,我想对其进行一些更改,在用户单击星星后,它会显示一个警报,其中包含有多少颗星星并重置颜色,什么我想要的是在用户点击后保留颜色填充,并用星空下的div替换警报,这是我的代码:$(function(){$("div.star-rating>s,div.star-rating-rtl>s").on("click",function(e){varnumStars=$(e.target).parentsUntil("div").length+1;alert(numStars+(numStars==1?"star":"stars!"));});});.

javascript - 如何在 Vue.js 中获取随机元素

我有3个英雄图片及其内容,我想在用户刷新页面时随机显示它们!基本上我试图在加载页面上使用Jquery显示随机div,但问题是英雄图像的大小很大,并且通过使用Jquery,所有这3个图像开始加载DOM影响页面速度。在Vue.js中是否有任何解决方案可以在用户刷新页面时一次加载一个特定的div,而不是所有3个div!?LipsumHeadingLipsumdummycontentbodytestdummygoeshere.jQuery代码:mounted(){varrandom=Math.floor(Math.random()*$('.slider-item').length);$('.s

javascript - 如何使用 react-google-maps 通过点击在 map 上添加标记?

我正在努力寻找一个非常简单的示例,说明当用户在基于组件的React-google-maps中左键单击map时如何向Googlemap添加标记。需要帮助。constMap=withScriptjs(withGoogleMap((props)=>{props.isMarkerShown&&}))exportdefaultclassMapContainerextendsReact.Component{constructor(props){super(props)this.state={}}render(){return(}containerElement={}mapElement={}pla

javascript - javascript getElementsByName 可以访问隐藏元素吗?

我有隐藏字段喜欢在javascript中,我想通过获取该字段的值varID=document.getElementsByName("ID").value;我无法访问它!还有其他办法吗? 最佳答案 试试这个:用于javascript访问它:varID=document.getElementById("ID").value;JQuery的其他方式:varID=$('#ID').val(); 关于javascript-javascriptgetElementsByName可以访问隐藏元素吗?,

javascript - div 上的点击事件不应由其子项触发

假设我有以下代码:现在我将一个onClick事件附加到父div:$('#parent').click(function(){...});当我点击子div时,有没有一种简单的方法可以阻止事件触发?我不想做类似的事情$('#child').click(function(){returnfalse;});因为子div可以包含链接...谢谢! 最佳答案 检查eventtarget.以下代码未经测试。vardiv=document.getElementById('parent');jQuery(div).click(function(even

Javascript - 如何编写点击计数器?

我之前试过,但是不行。是不是代码有问题?functioncount(){varx=0;x+=1;document.getElementById("counting").value=x;} 最佳答案 您需要将行varx=0;移动到函数count之外的某个地方,以便它在全局范围内。这意味着count函数对其所做的更改将持续存在。例如varx=0;functioncount(){x+=1;document.getElementById("counting").value=x;} 关于Javas

javascript - 如何查看元素绑定(bind)了哪个 jQuery 函数?

我在javascript中找到了一个网站,它具有我需要的一些功能。它使用jQuery,当我点击一个标签时,一些函数被执行,所以jQuery为标签设置了一个绑定(bind)。但是我怎样才能找出它绑定(bind)了哪个函数呢?Firebug没有向我展示:( 最佳答案 如果您想说查看元素的click事件处理程序,您会得到这样的第一个处理程序:$("#element").data("events").click[0].handler这将使您的功能运行。Here'sanexamplepageshowingthat这是一个例子:$("a").c

javascript - 输出元素的所有设置属性

这个问题在这里已经有了答案:GetallattributesofanelementusingjQuery(8个答案)关闭8年前。我有一个jquery对象,它表示页面上的输入按钮元素。我如何使用jquery通过console.log输出该元素的所有属性/属性?