javascript - How can I use jquery events on a list of ids? -
i have html list of ids like:
<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> the list can generated server. trying jquery of form send server id has been clicked:
$( "#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 success!")     }   }); }); in case have sent id of form "id0". how can generalise "id n" n integer?
try jquery selector e[a^=v] match elements e possess attribute a value starts width v
your 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> your 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 success!")     }   }); }); 
Comments
Post a Comment