用jquery指定div id

Question

我有按钮和div，并且在每个部分中我都有相同的ID我想要获得按钮的ID并使用它来刷新div html.how应该写*部分吗？

$(function() { 
     $(".button").click(function(){ 
     var id=$(this).attr('id'); 
     var dataString = 'id='+ id ; 
     $.ajax({ 
      type: "POST", 
      url: "download_number.php", 
      data: dataString, 
      cache: false, 
      success: function(html) 
      { 
      *********I HAVE PROBLEM HERE************** 
      $('how to get the id of the div from var id of button above?').html(html); 
      } 
      }); 

     }); 
       }); 

事业部：

Downloaded:<div id="<?php echo $id; ?>" ><?php echo $downloadcount;?></div> 

按钮：

<input type = "button" value="Download" class="button" id="<?php echo $id; ?>" name="dl"> 

如果我得到的类将更新整个的div我想只更新realted到按钮

股利

Answer 1

使用，但ID前缀，然后他们建立的名字了......

<div id="div_<?php echo $id; ?>" ><?php echo $downloadcount;?></div> 

按钮：

<input type = "button" value="Download" class="button" id="<?php echo $id; ?>" name="dl"> 

然后在你的代码你已经在按钮中使用了id（也是div_），这样你就可以成功了ss'只是做：

$("#div_"+id).html(html); 

Answer 2

尝试类似：

$('.button').attr('id'); 

获得按钮的ID，然后去改变它：

$('.button').attr('id',''); //delete previous id if existing 
$('.button').attr('id','yourNewId'); //set new id 

然后使用新的ID：

$("#yourNewId").doSomething(); 

Answer 3

改变你的HTML这样的：

Downloaded:<div id="<?php echo $id; ?>" class="downloaded" ><?php echo $downloadcount;?></div> 

然后做类似：

var element_id = $(".downloaded").prop("id"); 
if(element_id = this.id){ 
    $("#"+element_id).html(/* ... */); 
} 

Answer 4

$(function() { 
    $(".button").click(function(){ 
     var id=$(this).attr('id'); 
     var dataString = 'id='+ id ; 
     $.ajax({ 
     type: "POST", 
     url: "download_number.php", 
     data: dataString, 
     cache: false, 
     success: function(html) 
     { 
      $('.count-' + id).html(html); // for class 
     } 
     }); 

    }); 
}); 

<div class="count-<?php echo $id; ?>" ><?php echo $downloadcount;?></div>

Answer 5

首先避免使用相同的IDS。
然后你可以使用CSS选择器：

$('div.class') //div 
$('input[type="button"].youridclass') 

Answer 6

你不能有相同的id两个按钮和DIV，id值必须是在文档中是唯一的。

什么我可能做的就是把DIV上的按钮为data-divid属性（与prefix data-所有属性都是有效的上的所有元素为HTML5，并在早期版本的HTML无害的），像这样的id：

<input type="button" value="Download" class="button" data-divid="<?php echo $id; ?>" name="dl"> 

然后改变

var id=$(this).attr('id'); 

到

var id=$(this).attr('data-divid'); 

...然后在您的success回调中使用该id var（因为回调是在定义了id的上下文中创建的闭包，所以回调有权访问id）。

下面是一个简单的例子：Live copy | source

HTML：

<div id="div1">This is div1</div> 
<div id="div2">This is div2</div> 
<div> 
    <input type="button" data-divid="div1" value="Update div1"> 
    <input type="button" data-divid="div2" value="Update div2"> 
</div> 

的JavaScript：

jQuery(function($) { 
    $("input[type=button]").click(function() { 
    var id = $(this).attr("data-divid"); 

    // I'll use setTimeout to emulate doing an ajax call 
    setTimeout(function() { 
     // This is your 'success' function 
     $("#" + id).html("Updated at " + new Date()); 
    }, 10); 

    return false; 
    }); 
}); 

Answer 7

你不能使用id属性为目的，ID不能是数字（有效的HTML），从而ID的需求是唯一的。改用数据attrib。

Answer 8

首先，ids应该是唯一的，您会遇到问题，尤其是在使用jQuery时，如果您的元素具有相同的id。

没有看到你的标记，很难给你一个工作的例子。但是通过遍历DOM，您可以获得div的id，这对应于点击的button。

示例标记：

<div id="example-div"> 
    <input type="button" value="Example" /> 
</div> 

jQuery的

$('input[type="button"]').click(function() { 
    console.log($(this).parent('div').prop('id')); 
}); 

// outputs 'example-div' 

Answer 9

供您参考检查下面的链接，你可以用它来选择给出的父元素的DOM元素的各种方式。
jsperf.com/jquery-selectors-context/2