jQuery选中div里面的文字背景色变红并文字全选变红怎么实现呢
0
悬赏园豆：20
[已解决问题]
解决于 2016-11-15 14:29
$('.modal-body').click(function(){
var modalTex=$(this).text();
console.log(modalTex);
modalTex.css('backgroundColor','red');
})
为什么会报错呢
modalTex.css is not a function(…)
我想要这些文字全部选中并复制要怎么实现呢？
最佳答案
0
var modalTex=$(this).text();
modalTex.css('backgroundColor','red');
modalTex 是string。不是dom对象。
var modalTex=$(this);这才对
然后 backgroundColor错了，是background-color。jq对象不需要。
只有 原生dom对象设置style才需要大小写。document.getElementById(.).style.backgroundColor='red';
收获园豆：10
其他回答(6)
0
background-Color
如果直接字体颜色，获取元素的节点用color属性就可以了
@一寸時光: 这个不行呢 我不是整个元素都是背景色 我只是文字有背景色
@小码农雯: 对呀，$(this).css('color','#00FF00')
@一寸時光: 这会报错呢
0
/* Mozilla based browsers */
::-moz-selection {
background-color: red;
color: #000;
}
/* Works in Safari */
::selection {
background-color: red;
color: #000;
}
0
$('.modal-body').click(function(){
$(this).css('background-color','red');
})
0
modalTex是string 所以jq没有string上的方法，只有dom上的。
jq的css方法的两种正确方法
1 $(DOM对象).css('background-color','red');
2 $(DOM对象).css({backgroundColor:'red',color:'#F00',.........});以此类推。
最后就是你的的复制功能，你可以百度一下js复制剪切板。具体方法我也忘了，不过需提醒一下，复制功能会有浏览器兼容问题。
收获园豆：5
0
复制到剪切板的话还得考虑兼容问题，建议直接将div内容赋值到你要存放的地方，直接$(".modal-body").val()取值.
收获园豆：5
我是在页面上实现了全选的功能 然后再用浏览器自带的复制功能
@小码农雯: 这样也可以，只要满足需求就行！棒棒哒~
0
多查jquery吧😄感觉你还生疏
