对于jquery,你可以这样做: HTML:
<div class = "div" id="one"> <\div>
<div class = "div" id="Two"> <\div>
Jquery:
.onclick function for class .div
{
if ($('#one')) //is selected
{
do this
}
else if ($('#two'))
{
do this
}
答案 0 :(得分:1)
我想到了这个
$('body').on('click','.test',function () {
if ( this.id === 'one' ) {
alert('Click one');
}
if ( this.id === 'two' ) {
alert('Click two');
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body>
<div class="test" id="one">One</div>
<div class="test" id="two">Two</div>
</body>
替代
$('.test').click(function () {
if ( this.id === 'one' ) {
alert('Click one');
}
if ( this.id === 'two' ) {
alert('Click two');
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body>
<div class="test" id="one">One</div>
<div class="test" id="two">Two</div>
</body>
答案 1 :(得分:0)
你可以简单地做
$('#one').click(function() {
//do this
});
$('#two').click(function() {
//do this
});
如果两个div
具有相同的class
$('.classname#one').click(function() {
//do this
});
$('.classname#two').click(function() {
//do this
});
如果您想将此限制为div
s
$('div.classname#one').click(function() {
//do this
});
$('div.classname#two').click(function() {
//do this
});