gpt4 book ai didi

javascript - 如何在 id 列表上使用 jquery 事件?

转载 作者:行者123 更新时间:2023-11-30 10:15:24 24 4
gpt4 key购买 nike

我有一个带有 id 列表的 html:

<div id="id0" value="myval0">Click me</div>
<div id="id1" value="myval1">Click me</div>
<div id="id2" value="myval2">Click me</div>
<div id="id3" value="myval3">Click me</div>

列表可以由服务器生成。我正在尝试使用 jQuery 将这种形式的东西发送到已单击 id 的服务器:

$( "#id0" ).click(function() {
var urlstring = '/getresult';
alert($("#id0").val());
$.ajax({
type: "POST",
url: urlstring,
data: {
draft_no: $("#id0").val(),
},
success: function(result){
alert("Function returned with success!")
}
});
});

在这种情况下,我发送了“id0”形式的 ID。但是我怎样才能将其概括为“id n”,其中 n 是任何整数?

最佳答案

试试这个 JQuery 选择器 E[a^=v] 它匹配所有元素 E 拥有一个属性 a 其值开始 width v

你的 html:

<div id="id-1" value="my val 1">Click me</div>
<div id="id-2" value="my val 2">Click me</div>
<div id="id-3" value="my val 3">Click me</div>

你的 jQuery

$('div[id^=id]').click(function() {
var urlstring = '/getresult';
var val = $(this).val();
$.ajax({
type: "POST",
url: urlstring,
data: {
draft_no: val,
},
success: function(result){
alert("Function returned with success!")
}
});
});

关于javascript - 如何在 id 列表上使用 jquery 事件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24098876/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com