Question

我想将类添加到img，其中id = <?PHP $numer ?> 我怎么能这样做？

<div id="dogSizeBox" class="col-md-4">
    <input id="dogSizeID" type="hidden" value="16" name="dog_details[size]">
    <img id="15" class="dogSize zebra_tips1" src="images/size1.png">
    <img id="16" class="dogSize zebra_tips1" src="images/size2.png">
    <img id="17" class="dogSize zebra_tips1" src="images/size3.png">
    <img id="18" class="dogSize zebra_tips1" src="images/size4.png">
</div>

JS

<script>
        var id = "<?PHP if (!empty($dog_details['size'])) echo $dog_details['size'];  else echo "0"; ?>";
         **$("#dogSizeBox #id").attr('id',id).addClass('border-highlight');**


        $(".dogSize").click (function () {
            var obj = this;
            $(obj).addClass('border-highlight');
            $("#dogSizeID").val($(obj).attr("id"));
            $(".dogSize").not(obj).removeClass('border-highlight');
        });

    </script>

先谢谢你

Answer 1

Javascript不会扩展字符串中的变量，您必须使用串联：

$("#" + id).addClass('border-highlight');

使用.attr('id', id)没有意义 - 它已经具有该属性。在选择器中使用#dogSizeBox没有意义;由于ID在整个页面中必须是唯一的，因此容器是多余的。

将类添加到img其id为id eq num

1 个答案: