在 php 动态创建的表中切换 html 属性 contenteditable

Question

假设您的useStyles文件看起来像这样：import makeStyles from "@material-ui/core/styles/makeStyles";const useStyles = makeStyles({  hideCheckboxAndRadio: {    "& input[type='checkbox'], & input[type='radio']": {      display: "none"    }  }});export default useStyles;回到您的组件上，只需导入此文件并将其附加到您希望隐藏其所有子input类型radio&的父级checkboximport useStyles from "./useStyles";function App() {  const classes = useStyles();  return (    <div className={classes.hideCheckboxAndRadio}>      <input type="text" />      <input type="checkbox" />      <input type="radio" />    </div>  );}

Answer 1

您需要使用 jQueryattr函数或在元素本身而不是 jQuery 对象上设置属性值。

$('.btn_edit').click(function() {
  
    $('.grade_td').attr('contenteditable', 'true') ;
  
});

Answer 2

我不确定自定义属性，但我会将其设为数据属性：

echo '<td class="grade_td" data-contenteditable="false">' . $row['grade']

然后像这样引用：

$('td.grade_td[data-contenteditable="false"]');