如何使用javascript更改图像和类名？

如何使用javascript更改图像和类名

我尝试使用我的代码，但没有工作，怎么了

此代码将

将类名从.black更改为.red

将元素从

到

javascript代码

<script>
function test_fn() {           
    $('#12345-6).html('<div id="abcd" style=" border-radius: 3px; border: 1px solid #ccc; padding: 10px;"><img src="https://0.s3.envato.com/files/118176445/thumbnail.png"/></div>').addClass('red').removeClass('black');    
}
</script>

---

请用我的代码解决我的问题。谢谢您

选择器中缺少一个：

<script>
function test_fn() {           
    $('#12345-6').html('<div id="abcd" style=" border-radius: 3px; border: 1px solid #ccc; padding: 10px;"><img src="https://0.s3.envato.com/files/118176445/thumbnail.png"/></div>').addClass('red').removeClass('black');    
}
</script>

---

选择器中缺少一个“：

<script>
function test_fn() {           
    $('#12345-6').html('<div id="abcd" style=" border-radius: 3px; border: 1px solid #ccc; padding: 10px;"><img src="https://0.s3.envato.com/files/118176445/thumbnail.png"/></div>').addClass('red').removeClass('black');    
}
</script>

见更新。选择器中缺少一个'

function test_fn() {           
     $('#12345-6').html('<div id="abcd" style=" border-radius: 3px; border: 1px solid #ccc; padding: 10px;"><img src="https://0.s3.envato.com/files/118176445/thumbnail.png"/></div>').addClass('red').removeClass('black');    
}

见更新。选择器中缺少一个'

function test_fn() {           
     $('#12345-6').html('<div id="abcd" style=" border-radius: 3px; border: 1px solid #ccc; padding: 10px;"><img src="https://0.s3.envato.com/files/118176445/thumbnail.png"/></div>').addClass('red').removeClass('black');    
}

试试这个：

<script>
function test_fn() {    
    $('#12345-6')
          .removeClass('black')
          .addClass('red')
          .find('#abcd img')
               .attr('src', 'https://0.s3.envato.com/files/118176445/thumbnail.png');
}
</script>

试试这个：

<script>
function test_fn() {    
    $('#12345-6')
          .removeClass('black')
          .addClass('red')
          .find('#abcd img')
               .attr('src', 'https://0.s3.envato.com/files/118176445/thumbnail.png');
}
</script>

---

正如@Beamer所说，我将使用更实际的方法。您不需要再次注入html，只需修改您的html即可

function test_fn() {           
var imageUrl = 'https://0.s3.envato.com/files/118176445/thumbnail.png'
$('#12345-6').addClass('red').removeClass('black').find('img:first').attr('src', imageUrl);

---

}

正如@Beamer所说，我会使用更实用的东西。您不需要再次注入html，只需修改您的html即可

function test_fn() {           
var imageUrl = 'https://0.s3.envato.com/files/118176445/thumbnail.png'
$('#12345-6').addClass('red').removeClass('black').find('img:first').attr('src', imageUrl);

---

}

您尚未关闭选择器，未找到。@robert Wender检查我的答案您尚未关闭选择器，未找到。@robert Wender检查我的答案