Javascript 使用jquery选择元素的值/文本
我有这3个链接Javascript 使用jquery选择元素的值/文本,javascript,jquery,Javascript,Jquery,我有这3个链接 <a id="ajaxed" href="#" value="213">WTF</a> <a id="ajaxed" href="#" value="213">DUDE</a> <a id="ajaxed" href="#" value="213">SRSLY</a> 我还尝试解析文本,它只对第一个文本有效 我做错了什么?对我来说似乎还可以…问题是,id属性在HTML中应该始终是uniqe 看 使用类
<a id="ajaxed" href="#" value="213">WTF</a>
<a id="ajaxed" href="#" value="213">DUDE</a>
<a id="ajaxed" href="#" value="213">SRSLY</a>
我还尝试解析文本,它只对第一个文本有效
我做错了什么?对我来说似乎还可以…问题是,id属性在HTML中应该始终是uniqe
看
使用类而不是id
见
id属性指定HTML元素的唯一id。该值在HTML文档中必须是唯一的
标记中的属性值是无效的属性。method.value是表单字段的焦点。如果确实要在a标记中使用此属性,请使用方法.attrvalue而不是.value。Id必须是唯一的
id=名称[CS]
此属性为元素指定名称。此名称在文档中必须是唯一的。
class=cdata列表[CS]
此属性为元素指定一个类名或一组类名。任何数量的元素都可以指定相同的类名。多个类名必须用空格字符分隔。ID必须是页面中每个元素的唯一ID,并且.val只能应用于表单元素。要获得这个值,你应该考虑.Atf方法。 要使其正常工作,您应该将id属性更改为class $'.ajaxed'。单击函数{ var val=$this.attr'value'; alertval; }; 将ajaxed id更改为class,下面的代码可以正常工作
jQuery(document).ready(function ($) {
$('.ajaxed').on('click',function() {
var value = $(this).text();
alert(value);
});
});
尝试$el.txt获取el.innerText$'ajaxed'将不会返回'a'标记元素数组。它返回第一个匹配的元素。尝试指定不同的ID或相同的类名,如下所示 jQuery.noConflict; jQuerydocument.readyfunction${ $'.ajaxed'。单击,函数{ var值=$this.text; 警戒值; }; };
您有3个id相同的元素?您可以使用属性,如data value=213,TagID是通过浏览器中的快速查找字典实现的,因此它只为每个id存储一个DOM元素。这意味着jQuery id选择器只能选择第一个匹配的元素。对多个匹配项使用类而不是ID。
jQuery(document).ready(function ($) {
$('.ajaxed').on('click',function() {
var value = $(this).text();
alert(value);
});
});