blocks|key|986869|text|$('selector').attr('id')将返回第一个匹配元素的id。Reference。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|986870|如果匹配的集合包含多个元素，则可以使用传统的.each+iterator返回包含每个If的数组：|986871|var+retval+=+[]
$('selector').each(function(){
++retval.push($(this).attr('id'))
})
return+retval|code-block|syntax|javascript|986872|或者，如果您愿意变得更强大，您可以避免使用包装器，而使用.map+shortcut。|986873|return+$('.selector').map(function(index,dom){return+dom.id})|986874|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/attr/|1|http://api.jquery.com/each/|2|http://api.jquery.com/map/^0|0|O|12|9|0|0|M|5|S|8|1|0|0|S|4|X|8|2|0|0^^$0|@$1|2|3|4|5|6|7|12|8|@$9|13|A|14|B|C]]|D|@$9|15|A|16|1|17]]|E|$]]|$1|F|3|G|5|6|7|18|8|@$9|19|A|1A|B|C]]|D|@$9|1B|A|1C|1|1D]]|E|$]]|$1|H|3|I|5|J|7|1E|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|1F|8|@$9|1G|A|1H|B|C]]|D|@$9|1I|A|1J|1|1K]]|E|$]]|$1|O|3|P|5|J|7|1L|8|@]|D|@]|E|$K|L]]|$1|Q|3|-4|5|6|7|1M|8|@]|D|@]|E|$]]]|R|$S|$5|T|U|V|E|$W|X]]|Y|$5|T|U|V|E|$W|Z]]|10|$5|T|U|V|E|$W|11]]]]

<p><code>$('selector').attr('id')</code> will return the id of the first matched element. <a href="http://api.jquery.com/attr/" rel="noreferrer">Reference</a>. </p>

<p>If your matched set contains more than one element, you can use the conventional <code>.each</code> <a href="http://api.jquery.com/each/" rel="noreferrer">iterator</a> to return an array containing each of the ids:</p>

<pre><code>var retval = []
$('selector').each(function(){
  retval.push($(this).attr('id'))
})
return retval
</code></pre>

<p>Or, if you're willing to get a little grittier, you can avoid the wrapper and use the <code>.map</code> <a href="http://api.jquery.com/map/" rel="noreferrer">shortcut</a>.</p>

<pre><code>return $('.selector').map(function(index,dom){return dom.id})
</code></pre>


blocks|key|1201526|text|id是html+Element的属性。但是，当您编写$("#something")时，它返回一个包装匹配的DOM元素的jQuery对象。要获取第一个匹配的DOM元素，请调用get(0)|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1201527|$("#test").get(0)|code-block|syntax|javascript|1201528|在这个原生元素上，您可以调用id或任何其他原生DOM属性或函数。|1201529|$("#test").get(0).id|1201530|这就是为什么id不能在您的代码中工作的原因。|1201531|或者，按照其他答案的建议，使用jQuery的attr方法来获取第一个匹配元素的id属性。|1201532|$("#test").attr("id")|1201533|entityMap^0|0|2|8|7|Q|F|2E|6|0|0|0|0|6|2|0|M|4|13|2|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@$9|X|A|Y|B|C]|$9|Z|A|10|B|C]|$9|11|A|12|B|C]|$9|13|A|14|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|15|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|16|8|@]|D|@]|E|$]]|$1|M|3|N|5|H|7|17|8|@]|D|@]|E|$I|J]]|$1|O|3|P|5|6|7|18|8|@$9|19|A|1A|B|C]]|D|@]|E|$]]|$1|Q|3|R|5|6|7|1B|8|@$9|1C|A|1D|B|C]|$9|1E|A|1F|B|C]]|D|@]|E|$]]|$1|S|3|T|5|H|7|1G|8|@]|D|@]|E|$I|J]]|$1|U|3|-4|5|6|7|1H|8|@]|D|@]|E|$]]]|V|$]]

<p><code>id</code> is a property of an html <code>Element</code>. However, when you write <code>$("#something")</code>, it returns a jQuery object that wraps the matching DOM element(s). To get the first matching DOM element back, call <code>get(0)</code></p>

<pre><code>$("#test").get(0)
</code></pre>

<p>On this native element, you can call id, or any other native DOM property or function.</p>

<pre><code>$("#test").get(0).id
</code></pre>

<p>That's the reason why <code>id</code> isn't working in your code. </p>

<p>Alternatively, use jQuery's <code>attr</code> method as other answers suggest to get the <code>id</code> attribute of the first matching element.</p>

<pre><code>$("#test").attr("id")
</code></pre>


blocks|key|987116|text|上面的答案很棒，但随着jquery的发展..所以你也可以这样做：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|987117|var+myId+=+$("#test").prop("id");|code-block|syntax|javascript|987118|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Above answers are great, but as jquery evolves.. so you can also do:</p>

<pre><code>var myId = $("#test").prop("id");
</code></pre>


blocks|key|987168|text|$.fn.extend({
++++id+:+function()+{
++++++++return+this.attr('id');
++++}
});

alert(+$('#element').id()+);|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|987169|当然需要一些检查代码，但很容易实现！|unstyled|987170|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>$.fn.extend({
    id : function() {
        return this.attr('id');
    }
});

alert( $('#element').id() );
</code></pre>

<p>Some checking code required of course, but easily implemented!</p>


blocks|key|987051|text|.id不是有效的jquery函数。您需要使用.attr()函数来访问元素拥有的属性。您可以使用.attr()通过指定两个参数来更改属性值，也可以通过指定一个参数来获取属性值。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|987052|http://api.jquery.com/attr/|987053|entityMap|0|LINK|mutability|MUTABLE|url^0|0|3|M|7|1B|7|0|0|R|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]|$9|R|A|S|B|C]|$9|T|A|U|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|V|8|@]|D|@$9|W|A|X|1|Y]]|E|$]]|$1|H|3|-4|5|6|7|Z|8|@]|D|@]|E|$]]]|I|$J|$5|K|L|M|E|$N|G]]]]

<p><code>.id</code> is not a valid jquery function. You need to use the <code>.attr()</code> function to access attributes an element possesses. You can use <code>.attr()</code> to both change an attribute value by specifying two parameters, or get the value by specifying one.</p>

<p><a href="http://api.jquery.com/attr/" rel="noreferrer">http://api.jquery.com/attr/</a></p>


blocks|key|1201730|text|如果你想获得一个元素的ID，假设是通过一个类选择器，当一个事件(在本例中是click+event)在这个特定的元素上被触发时，下面的代码将会完成这项工作：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1201731|+$('.your-selector').click(function(){
+++++++var+id+=+$(this).attr('id');
+});|code-block|syntax|javascript|1201732|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>If you want to get an ID of an element, let's say by a class selector, when an event (in this case click event) was fired on that specific element, then the following will do the job:</p>

<pre><code> $('.your-selector').click(function(){
       var id = $(this).attr('id');
 });
</code></pre>


blocks|key|1201956|text|示例中的$('#test').attr('id')：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1201957|<div+id="test"></div>

$(document).ready(function()+{
++++alert($('#test').attr('id'));
});+|code-block|syntax|javascript|1201958|entityMap^0|4|L|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

<p><code>$('#test').attr('id')</code>
In your example:</p>

<pre><code>&lt;div id="test"&gt;&lt;/div&gt;

$(document).ready(function() {
    alert($('#test').attr('id'));
}); 
</code></pre>


blocks|key|1201914|text|嗯，似乎还没有一个解决方案，我想提出我自己的解决方案，它是JQuery原型的扩展。我将其放在一个帮助文件中，该文件在JQuery库之后加载，因此需要检查window.jQuery|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1201915|if+(window.jQuery)+{
++++$.prototype.id+=+function+()+{
++++++++if+(this.length+>+1)+{
++++++++++++var+val+=+[];
++++++++++++this.each(function+(idx,+el)+{
++++++++++++++++val.push($(el).id());
++++++++++++});
++++++++++++return+val;
++++++++}+else+{
++++++++++++return+this.attr('id');
++++++++}
++++}
}|code-block|syntax|javascript|1201916|它可能并不完美，但它可能是包含在JQuery库中的一个开始。|1201917|返回单个字符串值或字符串值数组。字符串值数组用于使用多元素选择器的事件。|1201918|entityMap^0|24|D|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|T|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|U|8|@]|D|@]|E|$]]|$1|M|3|N|5|6|7|V|8|@]|D|@]|E|$]]|$1|O|3|-4|5|6|7|W|8|@]|D|@]|E|$]]]|P|$]]

<p>Well, seems there has not been a solution and would like to propose my own solution that is an expansion of the JQuery prototype's.  I put this in a Helper file that is loaded after the JQuery library, hence the check for <code>window.jQuery</code></p>

<pre><code>if (window.jQuery) {
    $.prototype.id = function () {
        if (this.length &gt; 1) {
            var val = [];
            this.each(function (idx, el) {
                val.push($(el).id());
            });
            return val;
        } else {
            return this.attr('id');
        }
    }
}
</code></pre>

<p>It may not be perfect but it is a start to maybe getting inclusion into the JQuery library.</p>

<p>Returns either a single string value or an Array of string values.  The Array of string values, is for the event an multi-element selector was used.</p>


blocks|key|986940|text|$('#test')返回一个jQuery对象，因此不能简单地使用object.id来获取其Id|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|986941|您需要使用$('#test').attr('id')，它返回元素所需的ID|986942|这也可以按如下方式完成，|986943|等于document.getElementById('test').id的$('#test').get(0).id|986944|entityMap^0|0|A|W|9|19|2|0|5|L|Z|2|0|0|2|Y|11|K|0^^$0|@$1|2|3|4|5|6|7|N|8|@$9|O|A|P|B|C]|$9|Q|A|R|B|C]|$9|S|A|T|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|U|8|@$9|V|A|W|B|C]|$9|X|A|Y|B|C]]|D|@]|E|$]]|$1|H|3|I|5|6|7|Z|8|@]|D|@]|E|$]]|$1|J|3|K|5|6|7|10|8|@$9|11|A|12|B|C]|$9|13|A|14|B|C]]|D|@]|E|$]]|$1|L|3|-4|5|6|7|15|8|@]|D|@]|E|$]]]|M|$]]

<p><code>$('#test')</code> returns a jQuery object, so you can't use simply <code>object.id</code> to get its <code>Id</code></p>

<p>you need to use <code>$('#test').attr('id')</code>, which returns your required <code>ID</code> of the element </p>

<p>This can also be done as follows ,</p>

<p><code>$('#test').get(0).id</code> which is equal to <code>document.getElementById('test').id</code></p>


blocks|key|987414|text|也许对其他找到这个帖子的人有用。下面的代码只有在你已经使用jQuery的情况下才能工作。该函数总是返回一个标识符。如果元素没有标识符，则函数生成标识符并将其附加到元素。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|987415|var+generatedIdCounter+=+0;

$.fn.id+=+function()+{
++++var+identifier+=+this.attr('id');

++++if(!identifier)+{
++++++++generatedIdCounter%2B%2B;
++++++++identifier+=+'isGenerated_'+%2B+generatedIdCounter;

++++++++this.attr('id',+identifier);
++++}

++++return+identifier;
}|code-block|syntax|javascript|987416|使用方法：|987417|$('.classname').id();

$('#elementId').id();|987418|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>Maybe useful for others that find this thread. The code below will only work if you already use jQuery. The function returns always an identifier. If the element doesn't have an identifier the function generates the identifier and append this to the element.</p>

<pre><code>var generatedIdCounter = 0;

$.fn.id = function() {
    var identifier = this.attr('id');

    if(!identifier) {
        generatedIdCounter++;
        identifier = 'isGenerated_' + generatedIdCounter;

        this.attr('id', identifier);
    }

    return identifier;
}
</code></pre>

<p>How to use:</p>

<pre><code>$('.classname').id();

$('#elementId').id();
</code></pre>


blocks|key|987080|text|$('tagname').attr('id');|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|987081|使用上面的代码，你可以获得id。|unstyled|987082|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>$('tagname').attr('id');
</code></pre>

<p>Using above code you can get id.</p>


blocks|key|987293|text|这可以是元素id、class或自动使用even|type|unstyled|depth|inlineStyleRanges|entityRanges|data|987294|------------------------
$(this).attr('id');
=========================
------------------------
$("a.remove[data-id='2']").attr('id');
=========================
------------------------
$("#abc1'").attr('id');
=========================|code-block|syntax|javascript|987295|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>This can be element id , class , or automatically using even</p>

<pre><code>------------------------
$(this).attr('id');
=========================
------------------------
$("a.remove[data-id='2']").attr('id');
=========================
------------------------
$("#abc1'").attr('id');
=========================
</code></pre>


blocks|key|987382|text|这将最终解决您的问题：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|987383|假设您在一个页面上有许多按钮，并且您希望使用jQuery+Ajax+(或非ajax)根据它们的ID更改其中一个按钮。|987384|假设您有许多不同类型的按钮(用于表单、审批和类似目的)，并且您希望jQuery只处理“喜欢”按钮。|987385|这是一段有效的代码:+jQuery将只处理.cls-hlpb类的按钮，它将获取被单击的按钮的id，并根据来自ajax的数据对其进行更改。|987386|<!DOCTYPE+html>
<html>
<head>
<script+src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js">++++</script>
<script>
$(document).ready(function(){
$(".clshlpbtn").on('click',function(e){
var+id+=+$(e.target).attr('id');
+alert("The+id+of+the+button+that+was+clicked:+"%2Bid);
$.post("demo_test_post.asp",
++++{
++++++name:+"Donald+Duck",
++++++city:+"Duckburg"
++++},
++++function(data,status){

++++//parsing+the+data+should+come+here:
++++//var+obj+=+jQuery.parseJSON(data);
++++//$("#"%2Bid).val(obj.name);
++++//etc.

++++if+(id=="btnhlp-1")
+++++++$("#"%2Bid).attr("style","color:red");
++++$("#"%2Bid).val(data);
++++});
});




});
</script>
</head>
<body>

<input+type="button"+class="clshlpbtn"+id="btnhlp-1"+value="first+btn">++++</input>
<br+/>
<input+type="button"+class="clshlpbtn"+id="btnhlp-2"+value="second+btn">++++</input>
<br+/>
<input+type="button"+class="clshlpbtn"+id="btnhlp-9"+value="ninth+btn">++++</input>

</body>
</html>|code-block|syntax|javascript|987387|代码取自w3schools并进行了更改。|987388|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|R|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|S|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|T|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|U|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|V|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

<p>This will finally solve your problems:</p>

<p>lets say you have many buttons on a page and you want to change one of them with jQuery Ajax (or not ajax) depending on their ID.</p>

<p>lets also say that you have many different type of buttons (for forms, for approval and for like purposes), and you want the jQuery to treat only the "like" buttons.</p>

<p>here is a code that is working:
the jQuery will treat only the buttons that are of class .cls-hlpb,
it will take the id of the button that was clicked 
and will change it according to the data that comes from the ajax.</p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"&gt;    &lt;/script&gt;
&lt;script&gt;
$(document).ready(function(){
$(".clshlpbtn").on('click',function(e){
var id = $(e.target).attr('id');
 alert("The id of the button that was clicked: "+id);
$.post("demo_test_post.asp",
    {
      name: "Donald Duck",
      city: "Duckburg"
    },
    function(data,status){

    //parsing the data should come here:
    //var obj = jQuery.parseJSON(data);
    //$("#"+id).val(obj.name);
    //etc.

    if (id=="btnhlp-1")
       $("#"+id).attr("style","color:red");
    $("#"+id).val(data);
    });
});




});
&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;

&lt;input type="button" class="clshlpbtn" id="btnhlp-1" value="first btn"&gt;    &lt;/input&gt;
&lt;br /&gt;
&lt;input type="button" class="clshlpbtn" id="btnhlp-2" value="second btn"&gt;    &lt;/input&gt;
&lt;br /&gt;
&lt;input type="button" class="clshlpbtn" id="btnhlp-9" value="ninth btn"&gt;    &lt;/input&gt;

&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>code was taken from w3schools and changed.</p>


blocks|key|987543|text|<html>
<head>
++<link+rel="stylesheet"href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
++<script+src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
++<script+src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
++++</head>
<?php
++++//+include+Database+connection+file+
++++include("db_connection.php");

++++//+Design+initial+table+header+
++++$data+=+'<table+class="table+table-bordered+table-striped">
++++++++++++++++++++++++<tr>
++++++++++++++++++++++++++++<th>No.</th>
++++++++++++++++++++++++++++<th>First+Name</th>
++++++++++++++++++++++++++++<th>Last+Name</th>
++++++++++++++++++++++++++++<th>Email+Address</th>
++++++++++++++++++++++++++++<th>Update</th>
++++++++++++++++++++++++++++<th>Delete</th>
++++++++++++++++++++++++</tr>';
++++$query+=+"SELECT+*+FROM+users";
++++if+(!$result+=+mysqli_query($con,+$query))+{
++++++++exit(mysqli_error($con));
++++}
++++//+if+query+results+contains+rows+then+featch+those+rows+
++++if(mysqli_num_rows($result)+>+0)
++++{
++++++++$number+=+1;
++++++++while($row+=+mysqli_fetch_assoc($result))
++++++++{
++++++++++++$data+.=+'<tr>
++++++++++++++++<td>'.$number.'</td>
++++++++++++++++<td>'.$row['first_name'].'</td>
++++++++++++++++<td>'.$row['last_name'].'</td>
++++++++++++++++<td>'.$row['email'].'</td>
++++++++++++++++++++<td><button+onclick="DeleteUser('.$row['id'].')"+class="btn+btn-danger">Delete</button>
++++++++++++++++</td>
++++++++++++</tr>';
++++++++++++$number%2B%2B;
++++++++}
++++}

++++else
++++{
++++++++//+records+now+found+
++++++++$data+.=+'<tr><td+colspan="6">Records+not+found!</td></tr>';
++++}

++++$data+.=+'</table>';
++++echo+$data;
?>

<script+type="text/javascript">

++++function+DeleteUser(id)+{
++++var+conf+=+confirm("Are+you+sure,+do+you+really+want+to+delete+User?");
++++if+(conf+==+true)+{
++++++++$.ajax({
++++++++++++++++++++url:'deleteUser.php',
++++++++++++++++++++method:'POST',
++++++++++++++++++++data:{
++++++++++++++++++++++++id:id
++++++++++++++++++++},
++++++++++++success:function(data){
++++++++++++++++++++++alert('delete+successfully');
+++++++++++++++++++}




}
});

deleteUser.php

<?php
//+check+request
if(isset($_POST['id'])+&&+isset($_POST['id'])+!=+"")
{
++++//+include+Database+connection+file
++++include("db_connection.php");

++++//+get+user+id
++++$user_id+=+$_POST['id'];

++++//+delete+User
++++$query+=+"DELETE+FROM+users+WHERE+id+=+'$user_id'";
++++if+(!$result+=+mysqli_query($con,+$query))+{
++++++++exit(mysqli_error($con));
++++}
}
?>|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|987544|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>&lt;html&gt;
&lt;head&gt;
  &lt;link rel="stylesheet"href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"&gt;&lt;/script&gt;
    &lt;/head&gt;
&lt;?php
    // include Database connection file 
    include("db_connection.php");

    // Design initial table header 
    $data = '&lt;table class="table table-bordered table-striped"&gt;
                        &lt;tr&gt;
                            &lt;th&gt;No.&lt;/th&gt;
                            &lt;th&gt;First Name&lt;/th&gt;
                            &lt;th&gt;Last Name&lt;/th&gt;
                            &lt;th&gt;Email Address&lt;/th&gt;
                            &lt;th&gt;Update&lt;/th&gt;
                            &lt;th&gt;Delete&lt;/th&gt;
                        &lt;/tr&gt;';
    $query = "SELECT * FROM users";
    if (!$result = mysqli_query($con, $query)) {
        exit(mysqli_error($con));
    }
    // if query results contains rows then featch those rows 
    if(mysqli_num_rows($result) &gt; 0)
    {
        $number = 1;
        while($row = mysqli_fetch_assoc($result))
        {
            $data .= '&lt;tr&gt;
                &lt;td&gt;'.$number.'&lt;/td&gt;
                &lt;td&gt;'.$row['first_name'].'&lt;/td&gt;
                &lt;td&gt;'.$row['last_name'].'&lt;/td&gt;
                &lt;td&gt;'.$row['email'].'&lt;/td&gt;
                    &lt;td&gt;&lt;button onclick="DeleteUser('.$row['id'].')" class="btn btn-danger"&gt;Delete&lt;/button&gt;
                &lt;/td&gt;
            &lt;/tr&gt;';
            $number++;
        }
    }

    else
    {
        // records now found 
        $data .= '&lt;tr&gt;&lt;td colspan="6"&gt;Records not found!&lt;/td&gt;&lt;/tr&gt;';
    }

    $data .= '&lt;/table&gt;';
    echo $data;
?&gt;

&lt;script type="text/javascript"&gt;

    function DeleteUser(id) {
    var conf = confirm("Are you sure, do you really want to delete User?");
    if (conf == true) {
        $.ajax({
                    url:'deleteUser.php',
                    method:'POST',
                    data:{
                        id:id
                    },
            success:function(data){
                      alert('delete successfully');
                   }




}
});

deleteUser.php

&lt;?php
// check request
if(isset($_POST['id']) &amp;&amp; isset($_POST['id']) != "")
{
    // include Database connection file
    include("db_connection.php");

    // get user id
    $user_id = $_POST['id'];

    // delete User
    $query = "DELETE FROM users WHERE id = '$user_id'";
    if (!$result = mysqli_query($con, $query)) {
        exit(mysqli_error($con));
    }
}
?&gt;
</code></pre>


blocks|key|987595|text|它不会回答OP，但其他人可能会感兴趣:在这种情况下，您可以访问.id字段：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|987596|$('#drop-insert').map((i,+o)+=>+o.id)|code-block|syntax|javascript|987597|entityMap^0|V|3|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

<p>it does not answer the OP, but may be interesting to others: you can access the <code>.id</code> field in this case:</p>

<pre><code>$('#drop-insert').map((i, o) =&gt; o.id)
</code></pre>


<pre><code>&lt;div id="test"&gt;&lt;/div&gt;
&lt;script&gt;
  $(document).ready(function() {
    alert($('#test').id);
  });  
&lt;/script&gt;
</code></pre>

<p>Why doesn't the above work, and how should I do this?</p>


How can I get the ID of an element using jQuery?

jQuery

<div id="test"></div><script>  $(document).ready(function() {    alert($('#test').id);  });  </script>为什么上面的方法不起作用，我该怎么做？

问如何使用jQuery获取元素的ID？
EN

回答 15

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用jQuery获取元素的ID？EN

回答 15

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用jQuery获取元素的ID？
EN