javascript - 我是否需要 Javascript 中的主题标签才能作为 Div 传递

Question

如何将此 php DivSomething 插入 Javascript？因为 Javascript 需要一个标签才能将其识别为 div。有没有办法告诉 JS 这是一个 Div 或者有其他更好的方法来做到这一点？任何帮助将不胜感激。

<script>
/*How do i insert a var DivSomething into JS with a hashtag */
/* DivSomething is php dynamic. It returns a Div. It can be #Div1, #Div2, #Div3... */

var DivSomething = '<?php echo $Highlight; ?>'

$(function() {
  $('#MouseHere').hover(function() {   
    $('#' + DivSomething).css('background-color', '#ffffff');

}, function() {
 // on mouseout, reset the background colour
   $('#' + DivSomething).css('background-color', '');

</script>

Answer 1

hashtag 并不意味着 div 它是 id 的选择器

你可以这样做

HTML 渲染

<div id="yourdiv" class="<?php echo(/* should highlight this? */true)? 'highlight':''; ?>">
  ...
</div>

在这里你计算应该#yourdiv是亮点

javascript

$(function() {
  $('#MouseHere').mouseover(function() {   
    $('.highlight').css('background-color', '#fff');
  })
  .mouseout(function(){
    $('.highlight').css('background-color', 'transparent');
  })
});

完全分离 javascript 和 PHP 渲染逻辑。

Answer 2

为什么不这样：

$(function() {
  $('#MouseHere').hover(function() {   
    $('#<?php echo $Highlight; ?>').css('background-color', '#ffffff');

}, function() {
 // on mouseout, reset the background colour
   $('#<?php echo $Highlight; ?>').css('background-color', '');