Question

我的孩子ID位于我的＆＃34; myDiv＆＃34;这是随机生成的。假设它是＆＃39; xxx＆＃39;在这种情况下，这就是代码的样子：

<div id="myDiv">
     <div id="xxx"><p>0</p></div>
</div>

我有几个myDiv出现在我的页面上，但是随机生成的ID永远不会相同。因此，我试图检索该ID，然后仅将该ID从0更改为1.如下所示：

$('#myDiv').click(function(){
    // 1) retrieve id
    // 2) $('id').html("<p>1</p>")
});

谢谢！

Answer 1

我建议，根据问题中的有限信息：

// attaching the click event-handler to the 'myDiv',
// firing the anonymous function if the clicked-element has
// an id attribute:
$('#myDiv').on('click', '[id]', function(){
    // this/$(this) refers to the clicked element,
    $(this)
        // finds the <p> elements, and sets its text to:
        .find('p').text(function (i,t) {
            // i: the index of the element,
            // t: the current-text of the element

            // +t converts to a number, then we add 1 to that number:
            return +t + 1;
    });
});

参考文献：

Answer 2

您可以使用first()查找您孩子中与选择器匹配的第一个div

$(this).first('div[id]').html('your html')

Answer 3

$('#myDiv').click(function(){
var id =    $(this).find('div').attr('id');
alert("The id is: "+id);
$('#' + id).html('<p>YOUR NEW HTML</p>')
});

Answer 4

您可以使用first选择器和children()。

您实际上并不需要获取ID：

＆＃13;

$('#myDiv').click(function(){
    $(this).children(':first').html("<p>1</p>")
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="myDiv">
     <div id="xxx"><p>0</p></div>
</div>

＆＃13;

Answer 5

   $('#myDiv').click(function(){
              $(this).children(':first').html("<p>1</p>")
     });

试试这个

获取子项ID onclick

5 个答案: