查找具有特定属性的SVG元素

Question

if( element.find( 'text[data-color], path[data-color], rect[data-color], line[data-color], circle[data-color], polygon[data-color], ellipse[data-color], polyline[data-color]' ).attr( 'data-color' ) == color)

什么是更漂亮/更好的写作方式？

Answer 1

如果将标签存储在say array中，您可以稍微提高可读性：

const selector = [
  'text',
  'path',
  'rect',
  'line',
  'circle',
  'polygon',
  'ellipse',
  'polyline'
].map(tag => `${tag}[data-color]`)

if (element.find(selector).attr('data-color') === color) {}