javascript - 如何更改单击的特定按钮的样式？

Question

我有两个文件 在 xml.php 中，我正在显示来自 xml 文件的数据 还通过此代码显示带有 xml 数据的按钮

<input type="button" id="class" value="Select this Agent" onClick="Selected(this.id);">

所以页面上显示的按钮等同于xml中的元素。我想改变点击按钮的背景颜色。 这是我用于更改按钮样式的 javascript 代码

function Selected(ClickedId){
        alert(ClickedId);
        ClickedId.css('background-color', 'Green');
    }

整个代码是

<?php
                $xml = simplexml_load_file("agent.xml") or die("Error: Cannot create object");
                function processXML($node){
                    foreach($node->children() as $agent => $data){      
                        $agent= trim($agent);   
                            if($agent!="" && $agent=='image'){
                                ?><div class="inline"><?php 
                                echo "<br>";
                                echo "</br>";
                                echo "</br>";
                                echo '<img src='.$data.' >';?></div>
                                <!--<input type="button" value="Select this Agent">--><?php
                            }
                            elseif($agent == 'phone'){
                            ?><div class="btqn"><input type="button" id="class" value="Select this Agent" onClick="Selected(this.id);"></div> <?php

                            }
                            elseif($agent!=""){
                                ?> <div class="Table"><?php echo $data;?></div>
                                <?php
                                //echo "</br>";
                            }
                            else{
                                echo "<hr>";
                            } 
                            processXML($data);
                        }
                }  
                processXML($xml);
            ?>

所以请任何人告诉我我哪里错了。 任何建议都应该是可观的 请帮忙

Answer 1

尝试

改变这一行

<input type="button" id="class" value="Select this Agent" onClick="Selected(this.id);">

到

<input type="button" id="class" value="Select this Agent" onclick="Selected(this);"> 

注意这里不是传id而是传this引用

所以你可以使用

function Selected(ClickedId){
    alert(ClickedId);
    ClickedId.style.backgroundColor = 'green';
}

JQuery

$("#class").click(function(){

$(this).css("background-color","green");

})

See Fiddle Demo