在 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&的父级checkbox

import 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()&nbsp;{ &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;$('.grade_td').attr('contenteditable',&nbsp;'true')&nbsp;; &nbsp;&nbsp; });

Answer 2

我不确定自定义属性，但我会将其设为数据属性：echo&nbsp;'<td&nbsp;class="grade_td"&nbsp;data-contenteditable="false">'&nbsp;.&nbsp;$row['grade']然后像这样引用：$('td.grade_td[data-contenteditable="false"]');