有条件地为contenteditable属性分配true或false吗?

时间:2017-05-19 09:46:16

标签: html5 angularjs-directive contenteditable

我有一张桌子,我希望它是一个可编辑的,我不希望所有的丝束都可以编辑,基于某些条件,其中一些是可编辑的,有些则不是。有没有办法将条件语句的contenteditable分配为true或false? 条件很简单,数据显示在表中,该数据的每一行都附有一个元数据,无论它是否可编辑,即True或False。

1 个答案:

答案 0 :(得分:0)

是肯定的。您可以。我做了一个简单的例子(因为我不知道你想要什么条件)

请参阅下面的代码段



var row = $("table tr")
$(row).each(function() {
  if ($(this).hasClass("editMe")) {
    $(this).attr("contenteditable", true)
  }
});

td {
  border: 1px solid red;
  height: 30px
}

table {
  width: 100%;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr>
    <td></td>
  </tr>
  <tr class="editMe">
    <td></td>
  </tr>
  <tr>
    <td></td>
  </tr>
</table>
&#13;
&#13;
&#13;