小编Tro*_*zzi的帖子

如何使用jQuery获取单击元素的html内容

我试图获得特别点击的div的内部html内容,我有很多div元素。

看下面我使用的代码。

$(function() {

    $( "#try" ).click(function() {
        var clickedValue = $(this).find('div').text();
        alert(clickedValue);
    });

});
Run Code Online (Sandbox Code Playgroud)
<div id="try">
    <div class="cchoice" style="background-color: blue;">B</div> 
    <div class="cchoice" style="background-color: red;">R</div> 
    <div class="cchoice" style="background-color: yellow;">Y</div> 
    <div class="cchoice" style="background-color: black;">B</div> 
    <div class="cchoice" style="background-color: gray;">G</div> 
    <div class="cchoice" style="background-color: white;">W</div> 
</div>
Run Code Online (Sandbox Code Playgroud)

我想以某种方式做到这一点,即当单击具有蓝色背景色的div时出现B,但随后看来我的方式有问题。由于某些原因,我无法将id属性赋予这些div集,并且它们必须具有相同的类。

上面代码的问题是,当我单击6个div元素中的任何一个时,clickedvalue将为BRYBGW。

html javascript css jquery

2
推荐指数
1
解决办法
415
查看次数

标签 统计

css ×1

html ×1

javascript ×1

jquery ×1